﻿@charset "utf-8";

/* Begin Typography & Colors */
body {
	margin:0 auto;
	background-image:url(img/common/bg.gif);
	background-position:0px 0px;
	background-repeat:repeat;
	text-align: center;
	padding:0;
	color:#666;
	font-size:12px;
	line-height: 170%;
	/* font-size:smaller; Resets 1em to 10px */
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	display: block;
	margin: 0;
	padding: 0;/* margin&padding reset */
	text-align: left;
	line-height: 170%;
}


table {margin : 0;empty-cells: show; }
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
}
li { list-style: none; }/* link do not want a dot */


/*全体の主なレイアウト*/

#container {
	margin:0 auto;
	background-image:url(img/common/bg2.jpg);
	background-repeat:repeat-y;
	padding:0 27px 20px 27px;
	width:848px;
	height:auto;
	}



#header {
	margin:0 0 13px 0;
	padding:0;
	width:848px;
	height:auto;
	}

#wrapper {
	margin:0 auto;
	background-image:url(../img/common/bg.jpg);
	background-position:0px 0px;
	background-repeat:repeat-y;
	padding:0;
	width:848px;
	height:auto;
	}

#main {
	float:left;
	margin:0;
	width:645px;
	height:auto;
	}

#main_r {
	float:right;
	margin:0;
	width:640px;
	height:auto;
	}

#l_navi {
	float:left;
	margin:0px;
	padding:0;
	width:187px;
	height: auto;
	}

#r_navi {
	float:right;
	margin:0px;
	padding:0;
	width:187px;
	height: auto;
	}

#footer {
	margin:0 auto 0 auto;
	padding:30px 0 0 0;
	width:848px;
	height:auto;
	text-decoration:none;
	text-align:center;
	}

#footer_menu a:link,#footer_menu a:visited{
	text-decoration:none;
	color:#666;
}

#footer_menu a:hover{
	text-decoration:underline;
	color:#666;
}

#copyright{
	margin:0 13px 0 17px;
	width:771px;
	height:40px;
	background-image:url(img/common/copy_bg.jpg);
	background-repeat:no-repeat;
	padding:5px 8px 10px 8px;
	text-align:center;
	color:#fff;
	font-size:10px;
}

#copyright a{
	text-decoration:none;
	color:#fff;
}


#copyright #adress{
	float:left;
}

#copyright #copy{
	float:right;
}

.parts {
	float:left;
	}

.clear {
	clear:both;
	}

.clear_l {
	clear:left;
	}

.clear_r {
	clear:right;
	}

/*ヘッダー*/
#header .top-text{
	margin:0;
	padding:0;
	width:auto;
	height:18px;
	font-size:10px;
}

.face {
	float:left;
	margin:0;
	width:auto;
	height:auto;
}

#header .menu {
	float:left;
	margin:0;
	width:auto;
	height:auto;
}

#submenu-area{
	margin:0;
	padding:5px 0 0 0;
	width:auto;
	height:auto;
	text-align:right;
}

#header .submenu {
	float:right;
	margin:0 5px 0 15px;
	background-image:url(img/common/circle_b.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	padding:0 0 0 16px;
	width:auto;
	height:auto;
	line-height:120%;
	font-size:11px;
}

#header .submenu a {
	text-decoration:none;
	color:#333;
}





/*ライトナビ*/

#report-area{
	margin:0 0 8px 0;
	border:1px solid #ccc;
	padding:0 0 8px 0;
	width:auto;
	height:auto;
}

#report-area #title{
	margin:0;
	background-image:url(img/r_navi/title.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:4px 0 0 0;
	width:187px;
	height:29px;
	text-align:center;
	color:#fff;
	font-size:15px;
}

#menu-area{
	margin:0 0 15px 0;
	padding:5px 13px 5px 13px;
	width:auto;
	height:auto;
	text-align:center;
	font-size:15px;
}

#menu-area .text{
	margin-top:10px;
	width:auto;
	height:auto;
	text-align:left;
	font-size:80%;
	border-bottom:1px #cccccc dotted;
}

#manu-area .text a:link,#imgage-area .text a:visited{
	text-decoration:underline;
	color:#0066cc;
}

#manu-area .text a:hover{
	text-decoration:none;
	color:#0066cc;
}


#imgage-area{
	margin:0 0 15px 0;
	background-color:#E6E6E6;
	padding:5px 13px 10px 13px;
	width:auto;
	height:auto;
	text-align:center;
	font-size:15px;
}

#imgage-area .text{
	margin-top:10px;
	width:auto;
	height:auto;
	text-align:left;
	font-size:80%;
}

#imgage-area .text a:link,#imgage-area .text a:visited{
	text-decoration:underline;
	color:#0066cc;
}

#imgage-area .text a:hover{
	text-decoration:none;
	color:#0066cc;
}

#report-area li{
	margin:0 15px 10px 15px;
	line-height:140%;
	text-align:center;
	color:#0066cc;
	font-size:80%;
	text-align:left;
}

#report-area li a:link,#report-area li a:visited{
	text-decoration:underline;
	color:#0066cc;
	text-align:left;
}

#report-area li a:hover{
	text-decoration:none;
	color:#0066cc;
	text-align:left;
}

#mlmg-area{
	margin:0 0 8px 0;
	padding:0;
	width:187px;
	height:auto;
}

#mlmg-area .text{
	margin:0;
	background-image:url(img/r_navi/mlmg_text.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 15px 0 64px;
	width:auto;
	height:40px;
	line-height:100%;
	text-align:left;
	font-size:11px;
}

#mlmg-area .field{
	margin:0;
	background-image:url(img/r_navi/mlmg_field.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:3px 0 5px 0;
	width:auto;
	height:auto;
	text-align:center;
}

#mlmg-area .button{
	margin:0;
	background-image:url(img/r_navi/mlmg_btm.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 0 0 115px;
	width:auto;
	height:28px;
	text-align:center;
}

#r_navi #banner-area{
	margin:0;
	padding:0;
}

#banner-area li{
	margin-bottom:8px;
	text-align:center;
}

/* フッター */

#footer_submenu{
	margin:0;
	background-color:#f5f5f5;
	padding:10px 0 5px 10px;
	width:auto;
	height:auto;
	text-align:right;
}

#footer .submenu {
	float:right;
	margin:0 10px 0 15px;
	background-image:url(img/common/circle_b.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	padding:0 0 0 16px;
	width:auto;
	height:auto;
	line-height:120%;
	font-size:11px;
}

#footer .submenu a {
	text-decoration:none;
	color:#333;
}

#footer_menu{
	margin:0;
	background-color:#E6E6E6;
	padding:10px 0 10px 10px;
	width:auto;
	height:auto;
	text-align:center;
	font-size:105%;
}

#footer_menu a{
	text-decoration:none;
	color:#333;
}



#up_submenu{
	margin:0;
	padding:10px 0 5px 10px;
	width:auto;
	height:auto;
	text-align:right;
}
#up_submenu .up {
	margin:0;
	padding:10px 10px 5px 10px;
	width:auto;
	height:auto;
	text-align:right;
	float:right;
}



/* フォント */
.gray10{ font-size:10px; color:#666;}

.red12{ color:#ff0000;}

.gray12{ font-size:12px; color:#666;}


/* TOPページ */

#main h1{
	margin:0;
	padding:0;
	}

#main h2{
	margin:0;
	padding:0;
	}

#main h3{
	margin:0;
	padding:0;
	}

#effect-area{
	margin:10px 0 15px 0;
	border-bottom:1px dotted #ccc;
	padding:0 0 6px 0;
	width:auto;
	height:auto;
}

#effect-area .banner_l{
	margin:0;
	padding:0;
	width:320px;
	height:118px;
}

#effect-area .banner_r{
	margin:0;
	padding:0;
	width:320px;
	height:118px;
}


#case-area{
	margin:0 0 15px 0;
	padding:0 0 6px 0;
	width:auto;
	height:auto;
}

#case-area .frame{
	margin:0;
	border:1px dotted #cccccc;
	padding:0 ;
	width:646px;
	height:113px;
}

#reason-area{
	margin:0;
	padding:0;
	width:auto;
	height:auto;
}

#reason-area .text{
	padding:5px 20px 5px 5px;

}

.link-text{
	margin:5px 10px 0 0; 
	text-align:right; 
	color:#0066cc; 
	font-size:115%;
}

.link-text a:link,.link-text a:visited{
	text-decoration:underline;
	color:#0066cc; 
}

.link-text a:hover{
	text-decoration:none;
	color:#0066cc; 
}

#btm-banner{
	margin:0px;
	padding-top:30px;
	width:638px;
	height:156px;
}

#btm-banner .address{
	float:left;
	margin:0;
	background-image:url(img/common/btm_bn_btm.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:5px 0 0 30px;
	width:608px;
	height:35px;
	text-align:left;
	font-size:12px;
}



/* privacy.html */

#privacy_area{
	margin:0 10px 0 10px;
	width:auto;
	height:auto;
}

#privacy_area dt{
	margin:0 0 10px 0;
	border-bottom:1px dashed #4d9434;
	padding:0 5px 5px 5px;
	width:auto;
	height:auto;
	color:#4d9434;
	text-align:left;
	line-height:120%;
	font-size:14px;
}

#privacy_area dd{
	margin:0 0 20px 0;
	padding:0 5px 5px 5px;
	width:auto;
	height:auto;
	color:#333;
	text-align:left;
	line-height:150%;
	font-size:12px;
}

/* 見出し（h1,h2）サブページ共通 */

h1{ margin-bottom:20px;}

.h1_sita{ margin-bottom:30px; text-align:left;}

h2{ margin-bottom:15px;}
h2.title{ margin-bottom:20px;}
.h2_sita{ margin-bottom:25px; text-align:left;}

h3{ margin-bottom:10px;}
.h3_sita{ margin-bottom:25px; text-align:left;}

h4{ margin-left:0px; margin-bottom:10px;}
.h4_sita{ margin:0 0px 15px 0px; text-align:left;}

/* contact.html */

.mail-adress{ color:#333; font-size:130%;}
.mail-adress a:link,.mail-adress a:visited{ color:#003399; text-decoration:underline;}
.mail-adress a:hover{ color:#003399; text-decoration:none;}

/* voice.html */

.site-url{ margin-top:5px; color:#333; font-size:120%; text-align:right;}
.site-url a:link,.site-url a:visited{ color:#003399; text-decoration:underline;}
.site-url a:hover{ color:#003399; text-decoration:none;}

.img_left{ 
	margin:35px 0px 10px 10px;
	text-aligin:center;
	height:auto;
	font-size:85%;
    padding:10px 15px;
	width:170px;
	height:auto;
    background-color:#ffffff;
    border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;}

.keisai{
	margin:10px 0 10px 0;
	background-color:#eee;
	padding:15px　20px 15px 20px;
	color:#003399;
	text-align:left;
	line-height:180%;
}

.keisai a:link,.keisai a:visited{
	text-decoration:underline;
	color:#003399;
}

.keisai a:hover{
	text-decoration:none;
	color:#003399;
}

.interviewer{
	margin:15px 0 0 0;
	text-align:right;
}

.interviewer a:link,.interviewer a:visited{
	text-decoration:underline;
	color:#666;
}

.interviewer a:hover{
	text-decoration:none;
	color:#666;
}

.stadion{ margin:0 10px 25px 10px; padding:17px 25px 17px 25px; border:#ccc 1px dotted;}

.stadion a:link,.stadion a:visited{ color:#003399; text-decoration:underline;}

.stadion a:hover{ color:#003399; text-decoration:none;}

/* sitemap.html */

#sitemap{ margin:0; width:auto; height:auto;}

#sitemap li{
	margin:10px 0 0 0;
	background-image:url(img/sitemap/line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0 0 10px 0;
	text-align:left;
	}

#sitemap li a{
	text-decoration:none;
	color:#666;
	}

/* service.html */

.service-area{ margin-bottom:15px;}

.service-contents{
	float:left;
	margin:0;
	background-image:url(img/price/cont_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:7px 9px 0 9px;
	width:391px;
	height:131px;
	font-size:12px;
}

.service-title{
	margin:0 0 8px 0;
	padding:8px 10px 8px 0;
	width:auto;
	height:auto;
	text-align:left;
	color:#336699;
	font-size:13px;
}

.service-title02{
	margin:0 0 5px 0;
	padding:3px 10px 3px 0;
	width:auto;
	height:auto;
	text-align:left;
	color:#336699;
	font-size:13px;
}

.title-mail02{
	margin:0 0 8px 0;
	background-image:url(img/price/mail.jpg);
	background-position:3px 6px;
	background-repeat:no-repeat;
	background-color:#f1f1f1;
	padding:8px 10px 8px 50px;
	width:auto;
	height:auto;
	text-align:left;
	color:#009fe9;
}

.service-text{
	padding:0;
	text-align:left;
}

.service-detail{
	margin:5px 0 0 0;
	text-align:right;
	color:#009fe9;
}

.service-detail a:link,.service-detail a:visited{
	text-decoration:underline;
	color:#009fe9;
}

.service-detail a:hover{
	text-decoration:none;
	color:#009fe9;
}

/* effect.html */

#top-bn{ margin-bottom:20px;}

.eff-midasi{ margin:15px 0 15px 0;}

#point-area{ margin:0; padding:0;}

#point-area li{ margin:0 0 15px 0; border-bottom:1px dotted #ccc; padding:0 0 10px 0; width:auto; height:auto;}

#point-area li.no{ margin:0 0 15px 0; padding:0 0 10px 0; width:auto; height:auto;}

.masu_comment{padding:5px;
			　border:1px dotted #999999;
			  background-color:#FFEFD7;
			  margin:5px 0px 5px 0px;}

/* フォント色 */

.red{ color:#FF0000;}


/* テーブルpadding */

.pad05_trl{ padding:5px 5px 0 5px;}


/* フォントサイズ変更ボタン */
#menu p#size
    {
    padding:0.25em;
    margin:0 auto;
    font-weight:700;
    text-align:center;
    }


/* 文字サイズ変更ボタンの大中小の字 */
#size-small
    {
    font-size:100%;
	background-image:url(../img/common/fs.jpg);
	width:27px;
	height:27px;
    }
#size-medium
    {
    font-size:100%;
	background-image:url(../img/common/fm.jpg);
	width:27px;
	height:27px;
    }
#size-large
    {
    font-size:100%;
	background-image:url(../img/common/fl.jpg);
	width:27px;
	height:27px;
    }

.f_table{ width:100%; margin-bottom:35px; text-align:left; background-color:#ccc; color:#333;}

.f_table2{ width:100%; margin-bottom:15px; text-align:left; background-color:#ccc; color:#333;}

.f_table td{ }

.r_title{ width:auto; padding:5px; height:auto; text-align:left; color:#333;}

.l_plan{ width:16%; padding:5px; height:auto; text-align:center; color:#fff;font-size:12px;}

.l_cont{ background-color:#fff; width:90px; padding:3px; height:auto; text-align:center; }

.l_maru{ font-size:12px;}

.f_10{ font-size:10px; color:#333; line-height:130%}

.f_11{ font-size:11px; color:#333;}

.f_11t{ font-size:11px; }

.f_13{ font-size:15px;}

.red{ color:#ff0000; line-height:130%}

.white{ color:#fff;}

.black{ color:#333;}

.pad05{ padding:5px; font-size:11px;} 

.pad052{ padding:0 5px 0 5px; font-size:11px;} 

.bold{ font-weight:bold;}

ul.star{ margin:15px 10px 35px 5px;}


li.star{
 margin:0 0 10px 0;
 background-image:url(img/price/star.gif);
 background-position:0 4px;
 background-repeat:no-repeat;
 padding:0 0 0 16px;
 width:auto;
 height:auto;
 text-align:left;
 list-style:none;
}

.osmc{ padding:10px 5px 5px 0; text-align:left;}

.f_11{ font-size:11px; color:#666;}

