@charset "utf-8";

body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	background-repeat: repeat-y;
	background-position: center center;
	/*background-color: #760000;*/
	background-image: url(img/bodybg.jpg);
}

#top0 {
	width:100%;
	height:40px;
	background-image: url(img/top1.jpg);
	background-repeat: no-repeat;
	background-position:center top;
}


#top1 {
	width:1000px;
	margin:auto;
	height:40px;
	text-align:left;
}

#wrap {
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#wrapper01 {
	margin:0;
	padding:0;
}

#head {
	width: 100%;
	background-image: url(img/bg01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0;
	margin:0;
	height: 500px;
	text-align:left;
	position:relative;	
}

#container {
	width:1000px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}


#navout {
	width: 100%;
	height:48px;
	margin: auto;
	padding: 0px;
	background-image:url(img/navback.jpg);
}

#navbar {
	width: 1000px;
	height:48px;
	margin:auto;
}
#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navbar ul li {
	float: left;
	width: 200px;
	text-align: center;
}
#navbar a {
	display: block;
	color: #FFF;
	font-size:16px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px;
	margin: 0px;
	background-color: #F90;
	background-image: url(img/nav1.jpg);
	background-repeat: no-repeat;
}
#navbar a:hover {
	background-color: #FFF;
	background-image: url(img/nav2.jpg);
	background-repeat: no-repeat;
	color: #FFF;
}

#minihead {
	width:1000px;
	margin:auto;
}

.navi {
	position:relative;
	top:-10px;
	left: 815px;
	font-size:10px;
	color:#fff;
	width: 155px;
	height: 12px;
}
.navi a {color:#FFFFFF; text-decoration:none;}

#side {
	float: right;
	width: 200px;
	padding-left: 5px;
	padding-top: 10px;
	text-align:left;
}


#sidemenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidemenu li {
	margin: 0px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size:16px;
}
#sidemenu  li a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #063;
	border-left-color: #063;
	border-top-width: 0px;
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: none;
	display: block;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 80%;
}
#sidemenu li a:hover {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #09F;
	border-left-color: #09F;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#sidemenu {
}


h1 {
	font-size:11px;
	color:#333;
	padding-left:0px;
	margin:0px 0;
	font-weight:normal;
	text-align: left;
}

#head h1 {
	font-size:11px;
	color:#333;
	padding-left:5px;
	margin:0px 0;
	font-weight:normal;
	text-align: left;
}

#menu {
	width:795px;
	margin-right: auto;
	margin-left: auto;
	}
.menu {
	float: left;
	margin: 0;
}



#contents {
	width:1000px;
	height:auto;
	margin:0;
	padding:0;
	}
#center {
	width:790px;
	height:auto;
	padding:0 0 0 5px;
	float:left;
	text-align:left;
	font-size:16px;
	margin-bottom:20px;
	}
#center p {
	padding-left:50px;
	padding-right:50px;
}

#center h3 {
	background-image:url(img/h3.gif);
	background-repeat:no-repeat;
	font-size:24px;
	color:#F00;
	font-weight:bold;
	height:65px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	}
#center .question {
	background-image:url(img/question.gif);
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:bold;
	padding-left:25px;
	padding-right:0px;
	color: #900;
	}
	
#center .answer {
	background-image:url(img/answer.gif);
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:bold;
	padding-left:25px;
	padding-right:0px;
	color: #006;
	}
#center .topic {
	background-image:url(img/h4.gif);
	background-repeat:no-repeat;
	font-size:22px;
	font-weight:bold;
	color:#900;
	padding-left:25px;
	}
#right {
	width:185px;
	margin:10px 5px 0 0px;
	float:right;
	font-size:12px;
	}
#right h3 {font-size:14px; font-weight:bold; padding-top:4px; text-align:center; margin:0;}

#right li {
	font-size:12px;
	list-style:none;
	padding-left:20px;
	margin-bottom:10px;
	background-image:url(img/mark.gif);
	background-repeat:no-repeat;
	background-position:3px 1px;
	}
#right li a:hover {position:relative;top:1px;left:1px; color:#FF3300;}
#right ul {
    margin:15px 0 10px 0;
    font-size:12px;
    padding-left:5px;
    text-align:left;
    list-style-type:none;
} 
.right1 {
	width:180px;
	height:auto;
	border:1px solid #FF6;
	padding:0 5px;
	background-image:url(img/right.gif);
	background-repeat:no-repeat;
	margin:10px 0;
	text-align:left;
	}

#foot {
	width:1000px;

	text-align:center;
	margin:0px;
	color:#333;
	clear:both;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #930;
	}
#foot p {font-size:12px;}

.name {
	font-size:18px;
}


.right {text-align:right; padding-right:30px;}
.left {padding-left:40px; text-align:left;}
.x10 {font-size:10px;}
.x12 {font-size:12px;}
.x14 {font-size:14px;}
.x16 {font-size:16px;}
.x18 {
	font-size:18px;
	font-weight: bold;
}
.x20 {font-size:20px;}
.x22 {
	font-size:22px;
	font-weight: bold;
}
.x24 {
	font-size:24px;
	line-height: 36px;
}
.x26 {font-size:26px;}
.x28 {font-size:28px;}
.x32 {font-size:32px;}
.x36 {font-size:36px;}
.x40 {font-size:40px;}
.b {font-weight:bold;}
.bb {
	line-height:160%;
}
.u {border-bottom:solid 1px;}
.ur {border-bottom:solid 1px #FF0000;}
.red {
	color:#F00000;
	font-weight: bold;
}
.red2 {
	color:#990000;
	font-weight: bold;
}
.blue {
	color:#0000FF;
	font-weight: bold;
}
.pink {color:#FF66FF;}
.pink2 {
	color:#FF00FF;
	font-weight: bold;
}
.white {color:#FFFFFF;}
.yellow {color:yellow;}
.line {
	background-color:#FFFF00;
}
.line2 {background-color:#FFD83C;}




.order_btn {margin:50px 0 20px 0;}
.mid {vertical-align:middle;}



.link a:hover {position:relative;top:1px;left:1px;background-color:#FFFF00;color:#FF3300;}
.link {font-weight:bold; margin:20px auto;}

a img {
	border-style:none;
}

#toku1 {
	width:100%;
	padding-left: 10px;
	}
#toku1 p {padding:140px 0 0 30px;}
#toku2 {
	width:570px;
	height:auto;
	background-image:url(img/toku2b.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	}
#toku2 p {padding:140px 200px 0 30px;}
#toku3 {
	width:570px;
	height:auto;
	background-image:url(img/toku3.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	}
#toku3 p {padding:140px 0px 0 30px;}


.profile {
	border:1px solid #CCCCCC;
	background-color:#FFFFF0;
	padding:15px;
	width:510px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}
.mail {
	background-image:url(img/mail2.gif);
	background-repeat:no-repeat;
	width:550px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
.mailbox {
	position:absolute;
	left: 93px;
	top: 128px;
	width: 391px;
	}
.box2 {
	text-align:left;
	margin-bottom: 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 500px;
	margin-right: auto;
	margin-left: 10px;
}

.box2 ul {
	margin-left: 10px;
	}
.box2 li {
	list-style:none;
	padding-left: 10px;
	background-image: url(img/checkbox.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
.box10 {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	width:100%;
 }

/*___________ table ___________ */
.m1 {width:120px; padding:10px; text-align:left; font-weight:bold;border:#0099FF 1px solid;}
.m2 {width:300px; padding:10px; text-align:left; background-color:#FFFFEC;border: #E8E8E8 1px solid;}
.m3 {padding:10px;}
.ta { font-size:12px;}
.ta td {padding:2px 3px;}

/*___________ table set ___________ */
#tbl_set{
	border:1px solid #CCC;
	border-collapse:collapse;
	margin:auto;
	padding-right: 50px;
	font-size:12px;
	}
#tbl_set th{
	border:1px solid #CCC;
	background:url(img2/bg_th_a.gif);
	text-align:center;
	padding:8px;
	color:#036;
	font-weight: normal;
	}
#tbl_set td{
	border:1px solid #CCC;
	padding:6px;
	}

/* @form table */

/*.style128 {padding:3px;}
.tdcenter {text-align:center; font-weight:bold;}
#contents td {padding:0px 5px; font-size:12px;}
*/
.kansou {
	border: 3px solid #900;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.box1 {
	text-align:left;
	margin-bottom: 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 500px;
	margin-right: auto;
	margin-left: 10px;
	border: 1px solid #960;
}
.centerbox {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.centerbox2 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.centerbox3 {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 635px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	border: 1px solid #666;
}



.tokuten {
	text-align:left;
	font-weight: normal;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #900;
	padding: 0px;
}
.contents {
	text-align:left;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #900;
}
.shitsumon {
	text-align:left;
	font-weight: normal;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #990;
}