@charset "shift_jis";
body { margin:0; padding:0;	background:#fff; font-size:95%;	color:#333;	line-height:1.5em;}
* html { zoom: 80%;	height:100%;}
 h1, h2, h3,  { margin: 0px; padding: 0px; font-family: 'Arial', 'Tahoma', sans-serif}
p,{ margin: 5px; padding: 10px; font-family: 'Arial', 'Tahoma', sans-serif} 
img { border:0;}
a {color:#F60; text-decoration : none;}
a:hover, a:focus, a:active, a:visited{color:#C30; text-decoration:underline;}

ul li.red{ color:#900; font-weight:bold; list-style-type:none;}
ul li.green{ color:#030; font-weight:bold; list-style-type:none;}
div .wire{ margin:2px; width:710px; height:1px;  border-bottom: 1px solid gray; }
/* div styles ------------------------------------------------- */
#html-all {	width:100%;	height:100%; margin:0; padding:0;}
/* header styles ---------------------------------------------- */
#header { width:100%; height:100px; margin:0; padding:0; position:relative; text-align:center; background:url(../img/header_bg.jpg) repeat-x;}
#header-inner {	width:960px; height:100px; margin:0px; text-align:center; position:relative; display:inline-block;}
#header-inner h1 { width:350px;	height:100px; margin:0; padding:0; padding:0; float:left; background:url(../img/logo.jpg) no-repeat;}
#header-inner h1 a { width:350px; height:100px; display:block; text-indent:-999em;}
/*メインメニュー---------------------------------------------- */
#menu-nav {	text-align:center; margin:0; display:block;}
#menu-bg { width:100%; height:70px; background:url(../img/menu-bg.jpg) repeat-x;}

#menu-nav-inner { width:960px; height:70px;	margin:0 auto; text-align:center;}
#menu-nav ul { width:960px;	height:70px; margin:0; padding:0; list-style:none; display:inline-block;}
#menu-nav ul li { height:70px; margin:0; padding:0; float:left;}
#menu-nav ul li a {	height:70px; margin:0; padding:0; display:block; text-indent:-999em; float:left;}

#menu-nav ul li#menu-nav-home a { width:160px;	background:url(../img/menu-navi.jpg) 0 0;}
#menu-nav ul li#menu-nav-home a:hover { width:160px; background:url(../img/menu-navi.jpg) 0 -70px;}
#menu-nav ul li#menu-nav-price a { width:160px; background:url(../img/menu-navi.jpg) -160px 0;}
#menu-nav ul li#menu-nav-price a:hover { width:160px;	background:url(../img/menu-navi.jpg) -160px -70px;}
#menu-nav ul li#menu-nav-flow a { width:160px;	background:url(../img/menu-navi.jpg) -320px 0;}
#menu-nav ul li#menu-nav-flow a:hover { width:160px; background:url(../img/menu-navi.jpg) -320px -70px;}
#menu-nav ul li#menu-nav-question a { width:160px; background:url(../img/menu-navi.jpg) -480px 0;}
#menu-nav ul li#menu-nav-question a:hover { width:160px; background:url(../img/menu-navi.jpg) -480px -70px;}
#menu-nav ul li#menu-nav-order a { width:160px; background:url(../img/menu-navi.jpg) -640px 0;}
#menu-nav ul li#menu-nav-order a:hover { width:160px; background:url(../img/menu-navi.jpg) -640px -70px;}
#menu-nav ul li#menu-nav-information a { width:160px; background:url(../img/menu-navi.jpg) -800px 0;}
#menu-nav ul li#menu-nav-information a:hover { width:160px; background:url(../img/menu-navi.jpg) -800px -70px;}

/*パンくず
------------------------------------------------------------------*/
#topic-navi { width:400px; margin:5px 0 0; padding:0; clear:both; text-align:left;}
#topic-navi ul { width:400px; margin:0;	padding:0; list-style:none; text-align:left; display:inline-block;}
#topic-navi ul li {	display:block; margin:0; padding:0 5px 0 0;	text-indent:18px; background:url(../img/list.gif) no-repeat; float:left; font-size:11px; color:#333;}
#topic-navi ul li#topic-navi-home {	background:none; text-indent:18px;}
#topic-navi ul li a { text-decoration:underline; font-size:11px;}
#topic-navi ul li a:hover {	 text-decoration:none; font-size:11px;}

/*メインコンテンツ---------------------------------- */
#content-area {	width:100%;	margin:0 0 0px; position:relative; text-align:center;	margin:0 auto;}
#content-area-bg { width:100%; height:290px; margin:0; position:relative; text-align:center; margin:0 auto;	background-image:url(../img/main_imag_bg.jpg)}
#content-area-inner { width:950px; text-align:center; display:inline-block;}
#main-area { width:960px; margin:0px 0; background:fff; display:inline-block;}
#main-area p.textcenter{ width:960px; margin:10px 0; color:#333; text-align:center; display:inline-block;}
#main-area p.textcenter span{ color:#F00; font-weight:bold;}
#main-area p.textcenter-red{margin:30px 0; color:#F00; text-align:center; display:inline-block;}
#index-area { width:960px; height:290px; margin:0px 0; background:url(../img/main_image.jpg) no-repeat; display:inline-block; position:relative;}
#index-area-logo { width:960px; height:290px; margin:0px 0; background:url(../img/main_image-logo.jpg) no-repeat; display:inline-block; position:relative;}

#footer { width:100%; height:320px; background:url(../img/footer_bg.jpg) repeat-x; margin:0; text-align:center; display:inline-block;}
#footer-inner { width:960px; height:241px; margin:0; display:inline-block;}
#footer-logo { width:960px; margin:0; text-align:center; display:inline-block;}
#footer-logo h3 { width:350px;	height:100px; margin:0; padding:0; padding:0; float:left; background:url(../img/footer-logo.png) no-repeat;}
#footer-logo h3 a { width:350px; height:100px; display:block; text-indent:-999em;}
#footer-block-top{ width:900px; height:5px; margin:20px 0 0 10px; background:url(../img/footer-block-top.png) no-repeat; text-indent:-999em; display:inline-block;}
#footer-block-inner{ background:url(../img/footer-block-inner.png) repeat-y; width:900px; height:auto; margin:0 0 0 10px; display:inline-block;}
#footer-block-inner dl {width:900px; height:150px; margin:20px 0 10px 10px; display:inline-block; padding:0; color:#fff; float:left;}
#footer-block-inner dl dt { margin:0; text-align:left; color:#fff; }
#footer-block-inner dl dd { margin:10px 0px 0 20px; text-align:left; float:left; }
#footer-block-bottom { background:url(../img/footer-block-bottom.png) no-repeat; margin:0 0 10px 10px; width:900px; height:5px; display:inline-block;} 
#footer p.copy { width:450px; margin:50px 10px 0px; text-align:right; float:right; color:#fff;}


#content-area-mail { width:165px; height:32px;	margin:0; display:inline-block; position:absolute; top:170px; left:670px;}
#content-area-mail a { width:165px;	height:32px; float:left; }
#content-area-mail a:hover { width:165px; height:32px; background:url(../img/main_info_on.png) no-repeat; text-indent:-999em; display:block;}

#main-img {	margin:0 auto;	padding-bottom: 6px; text-align:center;}
#main-area-left { width:635px;	margin:0px 0; float:left; text-align:left; }
#main-area-right { width:300px;	float:right; margin:0;}
#content-info {	width:720px; height:150px;	margin:5px 0 5px; background:url(../img/info.jpg) no-repeat;	display:inline-block;}
#content-info-mail { width:190px; height:100px;	float:right; margin:45px 50px 0 0;}
#content-info-mail a { width:190px;	height:100px; float:left; background:url(../img/side_info_off.png) no-repeat; text-indent:-999em;}
#content-info-mail a:hover { width:190px; height:100px;	background:url(../img/side_info_on.png) no-repeat;}

#content-navi{ width:960px; height:220px; margin:20px 0px 0px; text-align:center; background:url(../img/menu-navi.png) no-repeat;}
#content-navi h2{ width:280px; margin:20px 0px 0 55px; text-align:left; color:#000; font-size:15px;}
#content-navi p.topic{ width:250px;  margin:20px 0px 0 20px; text-align:left; color:#333; font-size:12px;}
#content-navi p.topic span{ color:#F00; font-size:12px;}
#content-navi-topic01{ width:290px; height:220px; float:left; margin:0px 33px 0 0px;}
#content-navi-topic02{ width:290px; height:220px; float:left; margin:0px 38px 0 0px;}
#content-navi-topic03{ width:290px; height:220px; float:left; margin:0px 0px 0 0px;}

#content-navi .detail{ width:103px; height:38px; margin:5px 10px 0 0px; display:block; float:right; }
#content-navi .detail a{ width:103px; height:38px; background:url(../img/see-more_off.png) no-repeat; text-indent:-999em;  display:block}
#content-navi .detail a:hover{ width:103px; height:38px; background:url(../img/see-more_on.png) no-repeat; text-indent:-999em; clear:right;}

#top-content{ width:580px; margin:10px 0 0 0px;}
#top-content h3{ width:580px; margin:20px 0 0; color:#333; font-size:15px;}
#top-content h3.fair{ width:580px; margin:20px 0 0px; color:#900; font-size:15px;}
#top-content p.textleft{ width:580px; margin:20px 0 0 20px; color:#333; font-size:13px;}
#top-content p.textleft span{ color:#900; font-size:13px;}
#top-content .result-img{ width:290px; margin:20px 0 0 0px; float:left;}

table.top-content {	width:570px; font-size:90%;	margin:10px 0 10px 20px; color:#333; border:none; }
table.top-content td { text-align:center; padding:5px 10px;	background:white; border:none; }
table.top-content th { font-weight:normal; text-align:center; padding:5px 10px;	background:white; border:none; }

#top-content-info { width:700px; height:100px; text-align:center; display:inline-block; margin:40px 0 0;}
#top-content-info a { width:700px;	height:100px; float:left; background:url(../img/info-banner_off.jpg) no-repeat; text-indent:-999em;}
#top-content-info a:hover { width:700px; height:100px;	background:url(../img/info-banner_on.jpg) no-repeat;}

/*サイドインフォメーション
------------------------------------------------------------------*/
#side {	float:right; width:300px; height:175px; background:url(../img/introduction.png) no-repeat; margin:40px 15px 15px 0;}
#side p.textleft{ text-align:left; width:270px; margin:15px 0px 0px 25px; font-size:14px; color:#333;}
#side p.textleft span{ color:#9d4d4d; margin:0 10px;}

/*サイドコンテンツ
------------------------------------------------------------------*/
#side-introduction { float:right; width:300px; height:175px; background:url(../img/introduction.png) no-repeat; margin:60px 15px 15px 0;}
#side-introduction p.textleft{ text-align:left; width:270px; margin:15px 0px 0px 25px; font-size:14px; color:#333;}
#side-introduction p.textleft span{ color:#9d4d4d; margin:0 10px;}


/*clearfix
------------------------------------------------------------------*/
.clearfix:after { content: ".";	display: block;	height: 0; clear: both;	visibility: hidden;}
.clearfix {	display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix {	display:inline-block;}
/* End hide from IE-mac */

/*price
------------------------------------------------------------------*/
#price { width:580px; margin:0;}
#price h2{ width:580px; margin:0 0 10px; color:#4d5e9d; font-size:15px;}
#price h3{ width:580px; height:20px; margin:10px 0 0 25px; padding:0 0 0 30px; background:url(../img/title.png) no-repeat; color:#4d5e9d; font-size:15px;}
#price p.textleft{ width:580px; margin:0; font-size:13px; color:#333; text-align:left;}
#price p.textright{ width:580px; margin:20px 0 0 20px; color:#4d5e9d; font-size:13px; text-align:right;}
table.price {	width:570px; font-size:90%;	margin:10px 0 10px 20px; line-height:1.5em; border:solid 1px #999; }
table.price td { text-align:center; padding:5px 10px; background:none; border:solid 1px #999; color:#333; }
table.price td.blue { text-align:center; padding:5px 10px; background:#cee3fa; border:solid 1px #999; color:#333; }
table.price td.green { text-align:center; padding:5px 10px; background:#d8face; border:solid 1px #999; color:#333; }
table.price th { font-weight:normal; text-align:center; padding:5px 10px;	background:#eee; border:solid 1px #999; color:#333; }
table.price span { color:red; font-size:9px }


/*flow
------------------------------------------------------------------*/
#flow { width:580px; margin:0;}
#flow h2{ width:580px; margin:0 0 10px; color:#4d5e9d; font-size:15px;}
#flow h3{ width:580px; height:20px; margin:10px 0 0 25px; padding:0 0 0 30px; background:url(../img/title.png) no-repeat; color:#4d5e9d; font-size:15px;}
#flow p.textleft{ width:580px; margin:0 0 0 5px;; font-size:13px; color:#333; text-align:left;}
table.flow { width:570px; font-size:90%;	margin:10px 0 10px 20px; line-height:1.5em; border:solid 1px #999; }
table.flow td { text-align:left; padding:5px 0px 5px 10px; background:none; border:solid 1px #999; color:#333; }
table.flow th { text-align:left; padding:5px 0px 5px 10px; background:#eee; border:solid 1px #999; color:#333; }
table.flow span { color:red; font-size:9px }


/*question
------------------------------------------------------------------*/
#question { width:580px; margin:0;}
#question h2{ width:580px; margin:0 0 10px; color:#4d5e9d; font-size:15px;}
#question h3.question{ width:550px; height:22px; margin:20px 0 0 0px; padding:0 0 0 30px; background:url(../img/question.png) no-repeat; font-size:15px;}
#question p.anser{ width:550px; margin:10px 0 0 1px; padding:0 0 0 30px; background:url(../img/anser.png) no-repeat; font-size:13px; text-align:left;}
#question .necessary{ width:510px; margin:15px 0 0 30px;}

/*protection
------------------------------------------------------------------*/
#protection { width:580px; margin:0;}
#protection h2{ width:580px; margin:0 0 0 10px; color:#4d5e9d; font-size:15px;}
#protection h3{ width:580px; height:20px; margin:10px 0 0 10px; padding:0; color:#4d5e9d; font-size:15px;}
#protection p.textleft{ width:580px; margin:10px 0 0 20px; color:#333; font-size:13px; text-align:left;}
#protection .necessary{ width:510px; margin:15px 0 0 30px;}


/*information
------------------------------------------------------------------*/

#information { width:580px;	margin:0;}
#information h2{ width:580px; margin:0 0 10px; color:#4d5e9d; font-size:15px;}
table.mailform{	width:720px; text-align:left; margin:10px 0 15px; line-height:1.5em;}


	
/*sitemap
------------------------------------------------------------------*/
#sitemap { width:700px; margin:10px 0 20px; text-align:left; }
#sitemap h2{ width:720px; margin:auto; text-align:left; }
#sitemap h3{	width:720px; margin:auto; text-align:left; }
	
#sitemap ul { width:700px; margin:5px 0 5px 20px; padding:0; display:inline-block; text-align:left;}
#sitemap ul li.contents{ width:700px; height:22px; padding:5px 0; margin:5px 0 5px; text-align:left; text-indent:2em; background:#eee; font-weight:bold; clear:both; list-style-type:circle;}
#sitemap ul li.local{ padding:4px 0; margin:0 0 0 5px; float:left; text-align:left;  background: url(../img/list.gif) no-repeat 5px 4px; text-indent:2em; display:inline-block;}

/*link
------------------------------------------------------------------*/
#sitelink { width:700px; margin:10px 0 20px; text-align:left; }
#sitelink h2{  margin:10px 0; width:720px ; height:30px; padding: 5px 20px; text-align:left; background:url(../img/title.png) no-repeat;  font-size:17px; text-align:left; color:#333; float:left; clear:left;}
#sitelink h3{  margin:0; width:720px ; height:40px; padding: 10px 0 0 20px; text-align:left; background:url(../img/subtitle.jpg) no-repeat;  font-size:17px; text-align:left; color:#333; float:left; clear:left;}
	
#sitelink dl { width:700px; margin:5px 0 5px 20px; padding:0; display:block; text-align:left;}
#sitelink dl dt.contents{ width:700px; height:22px; padding:5px 0; margin:8px 0 5px; text-align:left;}
#sitelink dl dt.local{ width:700px; height:auto; padding:5px 0; margin:3px 0 8px; text-align:left; border-bottom:dashed #999 2px;}