@charset "Shift_JIS";

/* zentai
----------------------------------------------------------*/
* {margin:0px; padding:0px;}
html {
	overflow-y: scroll;
	}
body {
	font-family:"qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", "lr oSVbN", Meiryo, sans-serif;
	font-size:80%;
	line-height:140%;
	color:#000;
	background:url(../images/bg.jpg);

	scrollbar-face-color: #ddd;/* main */
	scrollbar-highlight-color: #ddd;
	scrollbar-shadow-color: #ddd;	
	scrollbar-track-color: #999;/* base */
	scrollbar-arrow-color: #999;
	scrollbar-3dlight-color: #999;
	scrollbar-darkshadow-color: #999;
}
img {
	border:none;
	vertical-align:top;
}
hr {
	clear: both;
	visibility: hidden;
}
ul,
ol {list-style:none;}
input,
textarea {
	font-size:1em;
	padding:0px 3px;
	overflow-y:auto;
	font-family:"qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", "lr oSVbN", Meiryo, sans-serif;
}

/* link
----------------------------------------------------------*/
a{outline:none;}
a:link,
a:visited {
	color:#333;
}
a:hover {
	color:#690;
}
/*a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}*/

/* margin-padding
----------------------------------------------------------*/
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}

/* color
----------------------------------------------------------*/
.red {color:#c00;}
.darkgray {color:#333;}
.gray {color:#666;}
.lightgray {color:#eee;}
.white {color:#fff;}
.black {color:#000;}

.green1 {color:#5fb000;}
.green2 {color:#98c305;}
.pink {color:#ff6666;}
.orange {color:#ff9900;}
.blue {color:#3399ff;}

/* hanyo
----------------------------------------------------------*/
.clear {clear:both;}
.small {font-size:85%; line-height:130%;}
.small2 {font-size:11px;}
.bold {font-weight:600;}
.large {font-size:110%;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}
.t-left {text-align:left;}
.t-right {text-align:right;}
.v-top {vertical-align:top;}
.v-top img{vertical-align:top;}
.v-bottom {vertical-align:bottom;}
.v-bottom img{vertical-align:bottom;}
.v-middle {vertical-align:middle;}
.v-middle img{vertical-align:middle;}
.form5 {width:25px;}
.form15 {width:75px;}
.form20 {width:100px;}
.form30 {width:150px;}
.form50 {width:250px;}
.form65 {width:325px;}
.form70 {width:350px;}
.form90 {width:450px;}
.ti01 {text-indent:1em;}
.border01 img{
	border:1px solid #ddd;
	background-color:#fff;
	padding:2px;
}

/* base
----------------------------------------------------------*/
#wrapper {
	text-align:left;
	margin:30px auto;
	width:600px;
	height:100%;
	padding:0 30px 5px 30px;
	background:url(../images/bg04.jpg) repeat-x top #fff;
	border:1px solid #ccc;
}

/* header
----------------------------------------------------------*/
#header {
	width:600px;
	height:70px;
	margin-top:10px;
}
#img {
	text-align:center;
	margin-bottom:10px;
}
#img img{
	margin:0 10px;
	padding:3px;
	border:1px solid #cccccc;
}

h2 {
	background:url(../images/bg03.jpg) repeat-y left;
	background-color:#006699;
	padding:8px 5px 5px 13px;
	font-size:14px;
	margin:10px 0 20px 0;
	color:#fff;
}

.midashi01 {
	padding-left:16px;
}

/* footer
----------------------------------------------------------*/
#footer {
	margin:0 auto;
	width:660px;
	text-align:left;
	color:#333;
	font-size:80%;
}