/*全体
-------------------------------------------------------------*/
body{
	background: #ffffff;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	margin: auto;
	padding: 0px;

	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom-color: #999999;
}

a:hover {
	color: #ff0000;
}

/*ヘッダー
-------------------------------------------------------------*/
#header {
	height: 100px;
	width: 950px;
	background: #ffffff;
	margin: 0px auto;
	padding: 10px 0px 0px;
	background-color:#fbfaf3;
}

#header h1 {
	font-size: 40px;
	padding: 0px;
	margin: 10px 0px 0px 30px;
	color: #ff0000;
text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);


}

#header a {
	text-decoration: none;
}

#header div {
	width: 600px;
	padding: 10px 0px 0px 45px;
	margin: 0px;
	font-size: 14px;
}

/*ナビ
-------------------------------------------------------------*/
div#navi{
	z-index: 1;
	margin:0 auto;
	width: 950px;
	height: 20px;
	background: #000000;
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
}

div#navi p{
	margin: 0px 0 0 5px;
	padding: 0px 0 0 30px;
	font-size: 12pt;
	line-height: 16pt;
	font-weight:bold;
	color:#F0F8FF;
}

/*ナビ
-------------------------------------------------------------*/
div#navi1{
	z-index: 1;
	width: 950px;
	height: 25px;
	margin: 0px auto;
	border-top:solid 2px #000;
	border-bottom:solid 2px #000;
	background: #A9A9A9;
}

div#navi1 p{
	margin: 0px 0 0 16px;
	font-size: 12pt;
	line-height: 18pt;
}

div#navi1 span{
	margin: 0px 0 0 10px;
	display : inline;
}


/*中
-----------------------------------------------------*/
#main {

	width: 950px;
	margin: 0px auto;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

/*右
-------------------------------------------------------------*/
#contents {
	float: right;
	width: 670px;
	margin: 0px auto;
	padding: 10px 10px 10px 0px;
	background-color:#fbfaf3;
	border-right: 2px solid #999999;
}

.title p {
	font-size: 14px;
	margin: 3px;
	padding: 0px;
	width: 630px;
	clear: right;
	float: left;
}

.text {
	font-size: 12px;
	line-height: 1.6em;
	margin: 0px 20px 10px 10px;
	padding: 5px;
}

table.item{
	margin:0px 0px 20px;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.item td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}
.item td.iro{
    background-color:#FFE4E1;
}

h3 {
	height:28px;
	margin:0px 0px 5px 0px;
	padding:5px 0px 0px 30px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	background-image:url(images/bar2.png);
height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
font-size:16px;font-weight:bold;color:#333333;
background-position:bottom;background-repeat:repeat-x;
}

#contents h2 {
	height:30px;
	margin:0px;
	padding:5px 0px 0px 10px;
	font-size:24px;
	font-weight:bold;
	color:#333333;
	background-image:url(images/bar.png);
}


/*左
-------------------------------------------------------------*/
#left {
	float: left;
	width: 255px;
	padding: 5px 0px 10px 0px;
	border-left: 1px solid #999999;
	border-right: 2px solid #999999;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #999999;
	background-color:#fbfaf3;
}


#left p {
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	margin: 5px 3px 5px 5px;
}

#left div {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	margin: 0px 10px;
	padding: 0px;
}

#left h2 {
	height:30px;
	margin:0px;
	padding:10px 0px 0px 0px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	text-align: center;
	text-shadow : 3px 3px 2px #fff;
	background-image:url(images/bar.png);
}

#left span {
	font-size:18px;
	color:#ff0000;
	text-align: center;
}

.menu01 {
	vertical-align:middle;
	margin:0px 3px 5px 0px;
}

/*フッター
-------------------------------------------------------------*/
#footer {
    background: url("footer-bg.jpg") repeat-x scroll center top #EFEFEF;
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
	clear: both;
	width: 100%;
	font-size: 16px;
	line-height: 130%;
	color: #000000;
}

#footer a {
	color: #ffff00;
	text-decoration: none;
}

#footer a:hover {
	color: #ff0000;
}


/*文字の装飾
-------------------------------------------------------------*/
.b{ font-weight: bold; }

/*--文字の色*/
.red{ color: #ff0000!important; }
.blue{ color: #0000dd!important; }
.green{ color: #008000!important; }
.yellow{ color: #ffff00!important; }
.navy{ color: #1F26A9!important; }
.gray{ color: #ccc!important; }
.orange{ color: #ff6600!important; }
.pink{ color: #ff0080!important; }
.purple{ color: #660099!important; }
.lime{ color: #00ff00!important; }
.aqua{ color: #167FA6!important; }
.white{ color: #ffffff!important; }

/*--文字の大きさ*/
.f8{ font-size: 8px!important; }
.f9{ font-size: 9px!important; }
.f10{ font-size: 10px!important; }
.f11{ font-size: 11px!important; }
.f12{ font-size: 12px!important; }
.f13{ font-size: 13px!important; }
.f14{ font-size: 14px!important; }
.f15{ font-size: 15px!important; }
.f16{ font-size: 16px!important; }
.f18{ font-size: 18px!important; }
.f20{ font-size: 20px!important; }
.f22{ font-size: 22px!important; }
.f24{ font-size: 24px!important; }


/*文字の位置
-------------------------------------------------------------*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }


/*画像と文字
-------------------------------------------------------------*/

/*--左に画像、右に文章*/

.left{
	float: left;
	margin: 0 30px 20px 0!important;
}

/*--右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 20px 30px!important;
}

/*ライン
-------------------------------------------------------------*/
hr{
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #ccc;
}

input.box1 {outline: groove 3px #0000ff;}
input.box2 {outline: ridge 3px #008000;margin: 0 10px 0 0;}
input.box3 {outline: ridge 1px #ff0000;margin: 0 10px 0 0;}