@charset "Shift_JIS";

/* zentai
----------------------------------------------------------*/
* {margin:0px; padding:0px;}
html {
	overflow-y: scroll;
	}
body {
	font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif;
	font-size:80%;
	line-height:160%;
	color:#333;
	background:url(../images/bg.jpg);
}
img {
	border:none;
	vertical-align:top;
}
hr {
	clear: both;
	visibility: hidden;
}
ul,
ol {list-style:none;}
input,
textarea,
select{
	font-size:1em;
	padding:2px 3px;
	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;
	margin-right:5px;
}
table th,
table td {
	text-align:left;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* link
----------------------------------------------------------*/
a{outline:none;}
a:link,
a:visited {
	color:#036;
}
a:hover {
	color:#333;
}
/*a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}*/
.img-filter 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;}
.ml25 {margin-left:25px;}
.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;}
.pt1 {padding-top:1px;}
.pt5 {padding-top:5px;}
.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:#900;}
.blue {color:#036;}

/* hanyo
----------------------------------------------------------*/
.clear {clear:both;}
.small {font-size:80%; line-height:120%;}
.bold {font-weight:600;}
.large {font-size:120%;}
.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;}
.lh200 {
	line-height:200%;
}
.img-left,
.img-left2 {
	width:100%;
	clear:both;
}
.img-left img {
	float:left;
	margin-right:5px;
	border:1px solid #ccc;
	padding:10px 0;
	background-color:#fff;
}
.img-left2 img {
	float:left;
	margin-right:5px;
	border:1px solid #ccc;
	background-color:#fff;
}
.img-left .comment,
.img-left2 .comment {
	overflow:hidden;
	zoom:1;
	padding-left:5px;
}
.img-left a:hover img,
.img-left2 a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* midashi
----------------------------------------------------------*/
.midashi01 {
	font-weight:600;
	margin:20px 0 10px;
	border-bottom:2px dotted #ccc;
}
.midashi02 {
	background-color:#c6d6e7;
	border:1px solid #fff;
	padding:5px 10px;
	margin:10px 0 ;
}
h3.title1 {
	font-size:120%;
	border-left:5px solid #333;
	padding-left:5px;
	margin:20px 0 10px 0;
	border-bottom:1px dotted #333;
}
h3.title2 {
	font-size:120%;
	padding-left:5px;
	margin:20px 0 10px 0;
	border-bottom:1px dotted #333;
}

/* list
----------------------------------------------------------*/
.list1 {
	margin-left:25px;
	list-style:decimal;
}
.list1 li {
	margin-bottom:10px;
}
.list1 li span {
	font-weight:600;
}

/* table
----------------------------------------------------------*/
.common-table1 {
	width:100%;
	border-collapse:collapse;
}
.common-table1 th,
.common-table1 td {
	border:1px solid #ccc;
	padding:5px 10px;
}
.common-table1 th {
	width:1%;
	white-space:nowrap;
	background-color:#fff;
}

/* base
----------------------------------------------------------*/
#grd {
	background:url(../images/bg_top.jpg) repeat-x top;
}
#wrapper {
	width:925px;
	margin:0 auto;
}
#right-side {
	float:right;
	width:260px;
}
#content {
	width:590px;
	padding:60px 30px 0 30px;
	background:url(../images/content_bg.jpg) no-repeat top;
	float:left;
	overflow:hidden;
}

/* right
----------------------------------------------------------*/
h1 {
	width:260px;
	height:177px;
}
#navi {
	background:url(../images/navi_bg.jpg) no-repeat;
	width:217px;
	height:280px;
	padding:90px 22px 0 21px;
}
#navi li {
	float:right;
}

/* 01-index
----------------------------------------------------------*/
#p01-box1 {
	width:600px;
	margin-right:-10px;
	padding-top:20px;
}
#p01-box1 div {
	width:190px;
	margin-right:10px;
	float:left;
	display:inline;
}
#p01-box1 div a {
	display:block;
	margin-top:5px;
}
								 
/* 02-example
----------------------------------------------------------*/
.page-text {
	margin-bottom:20px;
	font-size:120%;
	color:#036;
}
.page-text span {
	font-size:10px;
	color:#333;
	background-color:#fff;
	padding:2px 5px;
	margin-top:5px;
}

/* 03-noshi
----------------------------------------------------------*/
.p03-box1 {
	width:150px;
	float:left;
}
.p03-box2 {
	width:430px;
	float:right;
}

/* 04-other
----------------------------------------------------------*/
.p04-box1 {
	width:180px;
	float:left;
	margin:0 7px;
	display:inline;
}
.p04-box2 {
	margin-left:7px;
}
.p04-box2 img {
	margin-right:14px;
}
.p04-box3 {
	float:left;
	width:395px;
}
.p04-box3 img {
	margin:0 7px;
}
.p04-box3 h3 {
	margin-left:7px;
}
.p04-box1 img,
.p04-box2 img,
.p04-box3 img {
	border:1px solid #ccc;
	padding:5px;
	background-color:#fff;
	margin-bottom:14px;
}

.p04-box1 a:hover img,
.p04-box2 a:hover img,
.p04-box3 a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
.p04-table1 {
	width:590px;
}
.p04-table1 th,
.p04-table1 td {
	width:33%;
	padding:0 10px;
}
.p04-table1 td img {
	margin-left:3px;
	border:1px solid #ccc;
	padding:5px;
	background-color:#fff;
}
.p04-table1 td a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* 05-floe
----------------------------------------------------------*/

/* 06-question
----------------------------------------------------------*/
.que {
	border:1px solid #ccc;
	background-color:#c7c2a9;
	font-weight:600;
	padding:3px 10px;
}
.ans {
	border:1px solid #ccc;
	margin-bottom:15px;
	margin-top:-1px;
	background:url(../images/bg01.jpg) repeat-x bottom;
	padding:10px 10px;
}

/* 07-company
----------------------------------------------------------*/

/* footer
----------------------------------------------------------*/
.pagetop {
	text-align:right;
	padding-top:20px;
	clear:both;
}
#footer {
	background:url(../images/footer_bg.jpg) repeat-x top;
	padding-top:20px;
	padding-bottom:50px;
}
#footer ul {
	display:block;
	width:895px;
	margin:0 auto;
}
#footer li {
	float:left;
}
#footer p {
	width:895px;
	margin:0 auto;
}

/* print
----------------------------------------------------------*/
@media print {

#p01-box1 div {
	width:190px;
	margin-right:9px;
	float:left;
	display:inline;
}

}