@charset "utf-8";



/* universal-serector reset */

* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }



/* common */

html { overflow-y: scroll; }

dl:after { content: ""; display: block; height: 1px; clear: both; visibility: hidden; }

dl { display: inline-block; min-height: 1%; }



/* No MAC IE \*/

* html dl { height: 1%; }

dl { display: block; }



div { zoom: 1; }

div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



body { background: #fef7f7; font-size: 0.8em; line-height: 1.5em; text-align: center; text-align: justify; text-justify: inter-ideograph; color: #333; }



#wrapper { 	width: 760px; text-align: left; margin: 0 auto; border-left: 1px solid #ffcbcb; border-right: 1px solid #ffcbcb; background: #fff; }



/* header */

h1 { font-size: x-small; font-weight: normal; line-height: 1.0em; padding: 6px 10px; background: #ffcbcb; color: #fff; border-bottom: 1px solid #fff; }

#header { border-top: 1px solid #ffcbcb; background: url(../images/common/header-bg.jpg) no-repeat; height: 121px; overflow: hidden;}

#logo { width: 217px; float: left; }

#logo img { padding: 20px 0 0 10px; }



#headnavi { width: 220px; float: right; }

#headnavi img { padding: 4px 0 0; }

.hn01 { width: 70px; float: left; }

.hn02 { width: 80px; float: left; }

.hn03 { width: 60px; float: left; }



/* navigation */

#navi { clear: both; background: url(../images/common/navi/navi-bg.jpg) no-repeat; overflow: hidden; }

#navi ul { list-style-type: none; margin: 0; padding: 0 10px; }

#navi li { margin: 0; padding: 0; float: left; width: 148px; }



/* pagebody */

#pagebody { margin: 0 0 0 10px; }

#pagebody p { line-height: 1.75em; }



#subnavi { width: 148px; float: left; }

#subnavi ul { list-style-type: none; margin: 0; padding: 0;}

#subnavi li {  }



#main { width: 595px; float: right; }

#main ul { margin: 0; }

#main ol { margin: 0; }

#main li { margin: 0 0 10px 2em; }

#main p { line-height: 1.75em; }



#mainimg { margin: 0 10px 15px; }



h2 { clear: both; }

h3 { clear: both; }

h4 { clear: both; }

h5 { clear: both; }

h6 { clear: both; }



.h2-title { font-size: 150%; padding: 0 0 2px; border-bottom: 5px solid #000; margin: 0 0 15px; }

.h3-title { font-size: 120%; padding: 0 0 0 10px; border-left: 5px solid #000; margin: 0 0 15px; }

.h4-title { font-size: 100px; }



/* subtitle */

.st1{

	font-size:110%;

	line-height:normal;

	padding:8px;

	color:#cc3366;

	background:url(../images/title-bg2.jpg) repeat-x top left;

}



/* layout */

.left{float:left;}

.right{float:right;}



.w134{width:134px;} /* 4c */
.w128{width:128px;} /* 4c */
.w183{width:183px;} /* 3c */

.w277{width:277px;} /* 2c */

.w297{width:297px; background:url(../images/yajirushi.jpg) no-repeat center;} /* 2c + yajirushi */
.w196{width:196px; background:url(../images/yajirushi2.jpg) no-repeat center;} /* 2c + yajirushi2 */
.w148{width:148px; background:url(../images/yajirushi4.jpg) no-repeat center;} /* 2c + yajirushi4 */
.w176{width:176px;} /* 2c */
.w123{width:123px; background:url(../images/yajirushi3.jpg) no-repeat center;} /* 2c + yajirushi3 */
.w103{width:103px;} /* 2c */
.w422{width:422px;} /* 2c */

.br13{border-right:13px solid #fff; border-bottom:13px solid #fff;}
.br76{border-left:76px solid #fff; border-bottom:76px solid #fff;}
.br3{border-right:3px solid #fff; border-bottom:3px solid #fff;}

.com-tb1{

	border-collapse:collapse;

	border:1px solid #ccc;

}

.com-tb1 th{

	padding:5px;

	border:1px solid #ccc;

	background-color:#ffcccc;

	color:#cc3366;

	text-align:center;

}



.com-tb1 td{

	padding:5px;

	border:1px solid #ccc;

}



.page-return{

	border-top:1px dotted #666;

	border-bottom:1px dotted #666;

	padding:6px 0px;

	text-align:right;

	margin-top:15px;

	margin-bottom:35px;

}



/* footer */

#ft{

	background: url(../images/common/navi/footer-bg.jpg) repeat-x top; margin-left:10px; margin-right:10px; padding:10px;}

#textlink {font-size: x-small; width:560px; float:left;  }

#pagetop { text-align: right;width:81px; float:right; }



address { font-size: x-small; font-style: normal; line-height: 1.5em; }



/* index */

#appeal { margin: 0 10px; background: url(../images/appeal.jpg) right top no-repeat; }

#appeal2 { margin: 0 10px;}

#a-box { border-left: 1px solid #ffcbcb; border-right: 1px solid #ffcbcb; border-bottom: 1px solid #ffcbcb; padding: 9px 129px 9px 9px; margin: 0 0 15px; }

#a-box p { margin: 0; }



#ssc { margin: 0 0 15px 4px; }

.ssc01 { width: ; float: left; }

.ssc02 { width: ; float: right; }



#wn02 { margin: 0 10px 15px; }

#wn02 table { width: 575px; font-size:100%; }

#wn02 th { background: url(../images/arrow01.jpg) 0.25em 0.5em no-repeat; padding: 0.25em 1.25em; text-align: left; font-weight: normal; width: 7.5em; font-size:100%; border-bottom:1px dashed #ccc; }

#wn02 td { padding: 0.25em 0.25em 0.25em 0.75em; font-size:100%; border-bottom:1px dashed #ccc; }



/* inside - navigation */

.subnavi { width: 680px; height: 68px; line-height: 1.2em; margin: 0 0 15px; }

.subnavi ul { list-style: none; }

.subnavi li { float: left; width: 167px; }



/* access */

#map { width: 400px; float: left; }

#access { width: 260px; float: right; }



/* faq */

#faq { margin: 0 0 15px; }

.questions_box h3 { }



/* company */

#profile table { 	width: 760px; margin: 0 0 15px; }

#profile th { width: 10em; padding: 4px 8px; text-align: left; vertical-align: top; }

#profile td { padding: 4px 8px; }



/* sitemap */

#sitemap h2 { margin: 0 0 10px; }

#sitemap h3 { margin: 0 0 10px; }



/* contact - form */

form table { width: 760px; }

form th { }

form td { width: 400px; }

.form-s { width: 100px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }

.form-m { width: 200px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }

.form-l { width: 400px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }

textarea { width: 400px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }

#contbtn { padding: 5px; text-align: center; }



input[type="checkbox"], input[type="radio"] { vertical-align: text-bottom; }

input, textarea { line-height: 1.4em; padding: 0; vertical-align: middle; }



/* link */

a { outline: none; }

a:link { color: #990033; text-decoration: underline; } 

a:visited { color: #990033; text-decoration: underline; } 

a:hover, a:active { color: #990033; text-decoration: none; } 



/* general-purpose */

p { margin: 0 0 20px; zoom: 1; }

p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



img { border: none; vertical-align: bottom; }



.clear { clear: both; }

.page-break { page-break-before: always; }



.paging img { vertical-align: middle; }



/*th, td { font-size: 1.0em; }*/



/*

table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 20px;}

th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }

td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }

*/



/* align */

.tar { text-align: right }

.tac { text-align: center }

.tal { text-align: left }



/* float */

.fl { float: left }

.fr { float: right; }



.l200 { width: 200px; float: left; }

.r200 { width: 200px; float: right; }



/* decoration */

.red { color: #c00; }

.blue { color: #06c; }

.green { color: #090; }

.yellow { color: #ffc; }

.cyan { color: #0cc; }

.orange { color: #f60; }



.strong { font-weight: bold; }

.bb1{

	padding-bottom:10px;

	margin-bottom:25px;

	border-bottom:1px dotted #666;

}

/* margin padding */

.mb05 { margin: 0 0 5px; }

.mb10 { margin: 0 0 10px; }

.mb15 { margin: 0 0 15px; }

.mb20 { margin: 0 0 20px; }

.mb25 { margin: 0 0 25px; }

.mb30 { margin: 0 0 30px; }

.mb35 { margin: 0 0 35px; }

.mb40 { margin: 0 0 40px; }