@charset "utf-8";

/* Begin Typography & Colors */
body {
	margin: 0 auto;
	text-align: center;
	color:#666;
	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: 150%;
}


table {margin : 0;empty-cells: show; }
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
li { list-style: none; }/* link do not want a dot */


/*全体の主なレイアウト*/

#container {
	margin:0 auto;
	background-image:url(img/common/header_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	width:auto;
	text-align:center;
	}

#header {
	margin:0 auto 25px auto;
	width:853px;
	height:auto;
	}

#header_text{
	padding:10px 5px 2px 5px;
	width:843px;
	height:13px;
	text-align:left;
	line-height:120%;
	color:#999;
	font-size:80%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

#header_menu{
	width:853px;
	height:38px;
	}

#contents {
	margin:0 auto;
	width:853px;
	height:auto;
	}

#wrapper {
	margin:0 auto;
	width:853px;
	height:auto;
	}

#main {
	float:left;
	margin:0;
	width:616px;
	height: auto;
	}

#bottom_banner {
	margin:20px 37px;
	width:542px;
	height: 120px;
	text-align:center;
	}


#r_navi {
	float:right;
	margin:0;
	width:217px;
	height: auto;
	}



#footer {
	margin:10px auto 0 auto;
	background-image:url(img/common/footer_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:5px 0 0 0;
	width:auto;
	height:auto;
	text-align:center;
	}

img{
	border:none;
}

.clear {
	clear:both;
	height:0px;
	}

.parts {
	float:left;
	margin:0;
	width:auto;
	}

.float_r {
	float:right;
	margin:0;
	width:auto;
	}

/*ライトナビ*/
#r_navi #cartoon-area {
	margin-bottom:20px;
}


 #cartoon-area  #title {
	margin:0;
}

#cartoon-area  li {
	margin:0;
}

#cartoon-area  li a img {
	border:none;
}

#r_navi #banner-area {
	margin-bottom:20px;
}

#r_navi #banner-area  li {
	margin-bottom:6px;
}

#l_navi #banner-area  li a img {
	border:none;
}


/*フッター*/

#footer_frame{
	margin:0 auto;
	width:853px;
	height:60px;
}

#copyright{
	text-align:center;
	text-decoration:none;
	font-size:80%;
}

#footer_menu{
	margin:0 0 5px 0;
	text-align:center;
	text-decoration:none;
	color:#666666;
	font-size:80%;
}

#footer_menu a:link,#footer_menu a:visited{
	text-align:center;
	text-decoration:underline;
	color:#666666;
}

#footer_menu a:hover{
	text-align:center;
	text-decoration:none;
	color:#666666;
}

h1{
	margin:0 0 20px 0;
	width:853px;
	height:auto;
}


/*トップページ*/

#main_img{
	margin-bottom:46px;
	width:853px;
	height:415px;
}

#contents #bn_left{
	float:left;
	margin:0 0 20px 10px;
}

#contents #bn_center{
	float:left;
	margin:0 8px 20px 8px;
}

#contents #bn_right{
	float:left;
	margin:0 0 20px 0;
}


/*お問合わせ*/

#main_bn{
	margin:0 0 20px 0;
	width:auto;
	text-align:center;
}

.contact_notice{
	margin:0 30px 5px 30px;
	width:550px;
	height:auto;
	color:#333333;
}

.font_red{ color:#FF0000;}

#contact_tbl{
	margin:0 30px 0 30px;
	border-top:3px solid #002152;
	border-bottom:3px solid #002152;
	background-color:#cccccc;
	width:550px;
	height:auto;
}

#contact_tbl table { color:#333333; line-height:180%; font-size:100%;}

#contact_tbl .pad-left20 { padding-left:20px;}

#contact_tbl .pad-left10 { padding-left:10px;}

.contact_btn{
	margin:10px 30px 40px 30px;
	width:550px;
	height:auto;
	text-align:center;
}


/*個人情報保護方針*/

#privacy_area{
	margin:0 0 0 15px;
	padding-bottom:20px;
	width:auto;
	height:auto;
}

#privacy_area h2{
	margin:0 0 5px 0;
	border-bottom:1px dashed #cccccc;
	padding:0 5px 5px 3px;
	width:auto;
	height:auto;
	color:#002152;
	font-size:100%;
	font-weight:bold;
}

#privacy_area .h2_sita{
	margin:0 0 20px 0;
	padding:0 5px 0 5px;
	text-align:left;
}

#privacy_area li{
	margin-left:5px;
}

/*採用情報*/

#recruit_tbl{
	margin:20px 30px 0 30px;
	border-top:3px solid #002152;
	border-bottom:3px solid #002152;
	background-color:#cccccc;
	width:550px;
	height:auto;
}

#recruit_tbl table { color:#333333; line-height:180%; font-size:100%;}

#recruit_tbl a{
	text-decoration:none;
	color:#333;
}


#recruit_tbl table { color:#333;}

#recruit_tbl .pad-left20 { padding-left:20px;}

#recruit_tbl .pad-left10 { padding-left:10px;}

#recruit_tbl li{
	margin-bottom:5px;
}

#recruit_tbl li a{
	text-decoration:none;
	color:#333;
}


/*会社概要*/

#outline_area{
	margin:0 8px 50px 20px;
	padding-bottom:20px;
	width:auto;
	height:auto;
}

#outline_area #text{
	margin:0;
	width:auto;
	height:auto;
}

#outline_area #image{
	float:right;
	margin:0 0 25px 25px;
	width:200px;
	height:211px;
}

#corpinfo_area{
	margin:0 20px 0 15px;
	padding-bottom:10px;
	width:auto;
	height:auto;
}

#corpinfo_area li{
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	width:auto;
	height:auto;
}

#corpinfo_area .l_text{
	float:left;
	margin:0;
	padding:0;
	width:100px;
	height:auto;
	text-align:left;
	line-height:180%;
	font-weight:bold;
}

#corpinfo_area .r_text{
	float:right;
	margin:0;
	padding:0;
	width:460px;
	height:auto;
	text-align:left;
	line-height:180%;
}

/*DIPLOとは*/

#diplo_point_area{
	margin:0 18px 20px 8px;
	width:auto;
	height:auto;
}

#diplo_point_area li{
	margin-bottom:20px;
	border-bottom:1px dotted #666;
	padding-bottom:15px;
	width:auto;
	height:auto;
}

#diplo_point_area .left{
	float:left;
	margin:0;
	width:185px;
	height:auto;
}

#diplo_point_area .right{
	float:right;
	margin:0;
	width:380px;
	height:auto;
}

#diplo_point_area .text{
	padding:15px 10px 10px 3px;
	width:auto;
	height:auto;
	line-height:180%;
}

.font_75{
	line-height:150%;
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.font_75r{
	line-height:150%;
	color:#ff0000;
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.font_blue{
	text-decoration:none;
	color:#002152
}

.font_blue a:link,.font_blue a:visited{
	text-decoration:underline;
	color:#002152
}

.font_blue a:hover{
	text-decoration:none;
	color:#002152
}

#role_area{
	margin:0 28px 30px 12px;
	width:auto;
	height:auto;
	line-height:180%;
}

#role_area #image{
	float:left;
	margin:0 25px 25px 0;
	width:200px;
	height:245px;
}

#effect_area{
	margin:0 23px 30px 12px;
	width:auto;
	height:auto;
	line-height:180%;
}

#effect_area .left{
	float:left;
	margin:0;
	width:300px;
	height:auto;
	line-height:180%;
}

#effect_area h3{
	margin:0 0 8px 0;
	border-bottom:1px dashed #ff9900;
	padding:15px 0 7px 0;
	width:auto;
	height:auto;
	text-align:left;
	color:#ff9900;
	font-size:100%;
	font-weight:bold;
}

#effect_area li{
	margin:0 0 5px 0;
	padding-left:7px;
	width:auto;
	height:auto;
	text-align:left;
	color:#666;
}

#effect_area .right{
	float:right;
	margin:60px 25px 0 0;
	width:227px;
	height:187px;
}

#check_area{
	margin:0 28px 30px 12px;
	width:auto;
	height:auto;
	line-height:180%;
}

#check_area h3{
	margin:20px 0 20px 0;
	width:auto;
	height:auto;
	text-align:left;
	color:#ff9900;
	font-size:100%;
	font-weight:bold;
}

#check_area .imgae{
	margin-bottom:30px;
	width:auto;
	height:auto;
	text-align:center;
}

/*お客さまの声*/

#voice_frame{
	width:auto;
	height:auto;
}

#voice_frame h2{
	margin:0 0 22px 0;
	background-image:url(img/voice/listmark.jpg);
	background-repeat:no-repeat;
	padding:2px 0 0 13px; 
	width:auto;
	height:26px;
	text-align:left;
	color:#333;
	font-size:20px;
	font-weight:bold;	
}

#voice_area{
	margin:0 18px 20px 8px;
	width:auto;
	height:auto;
}

.customer{
	margin-bottom:30px;
	border-bottom:1px dotted #666;
	padding-bottom:20px;
	width:auto;
	height:auto;
}

#voice_area .left{
	float:left;
	margin:0;
	width:185px;
	height:auto;
}

#voice_area .left_tex{
	margin:5px;
	width:auto;
	height:auto;
	line-height:130%;
	text-align:center;
	font-size:80%;
}

#voice_area .right{
	float:right;
	margin:0;
	width:380px;
	height:auto;
}

#voice_area .text{
	padding:10px 10px 10px 3px;
	width:auto;
	height:auto;
	line-height:180%;
}

.intro_area{
	margin:0;
	padding:20px 12px 20px 12px;
	width:auto;
	height:auto;
}

.intro_top{
	margin:0;
	width:auto;
	height:auto;
}

.intro_cont{
	margin:0;
	background-image:url(img/voice/intro_bg.jpg);
	background-position:0px 0px;
	background-repeat:repeat-y;
	padding:0;
	width:auto;
	height:auto;
}

.left_item{
	float:left;
	margin:0 0 5px 7px;
	background-color:#f1f1f1;
	padding:3px 0 0 15px;
	width:142px;
	height:19px;
	text-align:left;
	color:#333;
	font-size:80%;
}

.left_item a:link,.left_item a:visited{
	text-decoration:underline;
	color:#333;
}

.left_item a:hover{
	text-decoration:none;
	color:#333;
}

.left_item02{
	float:left;
	margin:0 0 5px 7px;
	background-color:#fff;
	padding:3px 0 0 15px;
	width:142px;
	height:19px;
	text-align:left;
	color:#333;
	font-size:80%;
}

.left_item02 a:link,.left_item02 a:visited{
	text-decoration:underline;
	color:#333;
}

.left_item02 a:hover{
	text-decoration:none;
	color:#333;
}

.left_item03{
	float:left;
	margin:0 0 0 7px;
	background-color:#f1f1f1;
	padding:3px 0 0 15px;
	width:142px;
	height:19px;
	text-align:left;
	color:#333;
	font-size:80%;
}

.left_item03 a:link,.left_item03 a:visited{
	text-decoration:underline;
	color:#333;
}

.left_item03 a:hover{
	text-decoration:none;
	color:#333;
}

.right_item{
	float:right;
	margin:0 12px 5px 0;
	background-color:#f1f1f1;
	padding:3px 8px 0 8px;
	width:361px;
	height:19px;
	text-align:left;
	color:#333;
	font-size:80%;
}

.right_item a:link,.right_item a:visited{
	text-decoration:underline;
	color:#333;
}

.right_item a:hover{
	text-decoration:none;
	color:#333;
}

.right_item02{
	float:right;
	margin:0 12px 5px 0;
	background-color:#fff;
	padding:3px 8px 0 8px;
	width:361px;
	height:19px;
	text-align:left;
	color:#333;
	font-size:80%;
}

.right_item02 a:link,.right_item02 a:visited{
	text-decoration:underline;
	color:#333;
}

.right_item02 a:hover{
	text-decoration:none;
	color:#333;
}

.right_item03{
	float:right;
	margin:0 12px 0 0;
	background-color:#f1f1f1;
	padding:3px 8px 0 8px;
	width:361px;
	height:19px;
	text-align:left;
	color:#333;
	font-size:80%;
}

.right_item03 a:link,.right_item03 a:visited{
	text-decoration:underline;
	color:#333;
}

.right_item03 a:hover{
	text-decoration:none;
	color:#333;
}

#yonkoma_area{
	margin:24px 12px 20px 4px;
	padding:0;
	width:auto;
	height:auto;
}

#yonkoma_area #title{
	margin:0;
	padding:0;
	width:600px;
	height:42px;
}

#yonkoma_area .bg{
	margin:0;
	background-image:url(img/cartoon/bg.jpg);
	background-repeat:repeat-y;
	padding:0;
	width:600px;
	height:auto;
}

#yonkoma_area .cont{
	margin:0;
	padding:22px 20px 20px 20px;
	width:560px;
	height:auto;
	text-align:left;
}

#yonkoma_area .subtitle{
	margin:15px 0 10px 0;
}

#yonkoma_area .text{
	margin:0 5px 15px 5px;
	background-color:#fffff0;
	padding:10px;
	width:530px;
	height:auto;
	text-align:left;
	color:#333;
}

#yonkoma_area .btn{
	margin:0 5px 15px 5px;
	width:550px;
	height:auto;
	text-align:right;
}

#yonkoma_area .btm{
	margin:0;
	width:600px;
	height:9px;
}