@charset "utf-8";

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent;
}
body {
	line-height: 1; min-width: 320px; color: #666;
	font-family:'Droid Sans',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial","Osaka","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
}
ol, ul { list-style: none; }

:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

img { max-width: 100%; line-height: 0; }

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


a { color: #666; text-decoration: none; }
a:hover { color: #999; text-decoration: underline; }


/*----- TopPage - Common -----*/

.line0 { line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; line-height: 0; }
.cen { text-align: center; }
.opa a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; }
.none { display: none; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }
.pb20 { padding-bottom: 20px; }
.pb50 { padding-bottom: 50px; }
.pb80 { padding-bottom: 80px; }

.top_main { background: #eee; }
header .head_back { background: url(../img/common/header_back.png) top repeat-x; }
header .topImage { margin: -80px 0 0; text-align: center; }
header .commonImage { display: block; width: 100%; height: 100px; 
background: url(../img/top/image001.jpg) center no-repeat;
-moz-background-size:100% auto;
background-size:100% auto; }

nav { padding: 30px 0 0; width: 38%; float: left; }
nav ul { }
ul.menubox a { color: #fff; text-decoration: none; }
ul.menubox li { margin-bottom: 1px; margin-right: 1px; }
ul.menubox li a { display: table-cell; background: #666; height: 108px; width: 108px; vertical-align: middle; }
nav.home_nav ul.menubox li a { background: #999; }
nav.home_nav ul.menubox li a:hover { background: #666; }
ul.menubox li.active a { background: #999; }
ul.menubox li a:hover { background: #999; }
ul.menubox li a span { padding: 0 0 0 10px; }

.top_message { width: 62%; float: right; padding: 30px 0 0; line-height: 1.33333; }
.top_message .fb_like { padding-top: 110px; }

.top_main_right { clear: both; padding-top: 20px; }
.top_main_right_space { height: 30px; }
.top_main_right_space h3 { padding: 10px 11px 0; }

ul.menubox li.menu01 a { background: #666; }
ul.menubox li.menu01 a:hover { background: #7C3E7B; }
ul.menubox li.menu02 a { background: #666; }
ul.menubox li.menu02 a:hover { background: #666B3A; }
ul.menubox li.menu03 a { background: #666; }
ul.menubox li.menu03 a:hover { background: #3C64A5; }
ul.menubox li.menu04 a { background: #666; }
ul.menubox li.menu04 a:hover { background: #357266; }

footer { padding: 20px 0 50px; }
footer .other { border-top: solid 1px #776; padding-top: 1em; } 
footer ul li { float: left; padding: 0 15px 15px; }
.copyright { clear: both; font-size: 10px; text-align: right; padding: 1em 1em 0; }


/* contents */

.common_left { width: 100%; background: #fff; }
.common_right { clear:both; width: 100%; background: #eee; }
.common_right_other { clear: both; width: 100%; }
.common_right_other .inner { padding: 50px .75em; }
.common_right_other .inner h2 { padding: 0 0 50px; }
.common_right_other .inner h3 { padding: 0 0 2em; }
.common_right_other .inner p { font-size: 10px; line-height: 1.33; padding: 0 0 15px; }
.common_right_other .inner p.corporate_name { width: fit-content; float: right; }
.common_right_other .inner p.corporate_name span { font-size: 13px; word-spacing: 2px; }

.common_right_other .inner_left,
.common_right_other .inner_right { padding: 0 0 50px; }
.common_right_other .corporate_list { font-size: 10px; line-height: 1.33; }
.common_right_other .corporate_list li { list-style: url(../img/corporate/dot.png) outside; margin-left: 1em;  }

.common_left nav { width :100%; margin: -12px 0 0; }
.common_left .menu_category { width :100%; }
.common_left .menu_category ul.menubox { width :100%; }
.common_left .menu_category ul.menubox a { color: #fff; background: #666; height: 14px; padding: 10px 0; }
.common_left ul.menubox li a { display: block; height: 14px; width: 100%; padding: 15px 0; }
.common_left ul.menubox li a span { padding: 0 0 0 10px; }
.common_left ul.menubox li.home a { color: #333; background: #eee; }
.common_left ul.menubox li.home a:hover { background: #ccc; }

.common_left .menu_category ul.menubox li.menu00 a { background: #ccc; color: #000; cursor: default; padding: 15px 0; }
.common_left .menu_category ul.menubox li.active01 a { color: #fff; background: #7C3E7B; }
.common_left .menu_category ul.menubox li.active02 a { color: #fff; background: #666B3A; }
.common_left .menu_category ul.menubox li.active03 a { color: #fff; background: #3C64A5; }
.common_left .menu_category ul.menubox li.active04 a { color: #fff; background: #357266; }

.common_right_inner { padding: 2em 1em; }
.common_right .sym_text { line-height: 1.5; }
.common_right p { line-height: 1.5; margin-bottom: 10px; }
.common_right hr { margin: 30px 0; }

.tag_h3 { font-size: 36px; padding-bottom: .5em; }
.tag_year { text-align: right; padding: 1em; }


/* symbol */

.sym_logo { width: 70%; }
.sym_logo img { padding-bottom: 5px; }
.sym_text { font-size: 12px; line-height: 1.2; width: 80%; float: left; }
.sym_text h4 { padding: 0 0 0.5em; }
.sym_text p { padding: 0 0 0.5em; }
.sym_year { width: 20%; float: right; text-align: right; }


/* corporate */

.title_h4 { padding: 0 0 10px; border-bottom: solid 1px #776; margin-bottom: 20px; }
.title_profile { margin: 30px 0 10px; font-size: 12px; font-weight: bold; }
.corporate_table { width: 100%; font-size: 10px; line-height: 1.33; }
.corporate_table th { padding: 15px 10px 0 0; text-align: right; width: 50px; font-weight: normal; }
.corporate_table td { padding: 15px 0 0; }
.corporate_table td ul li { list-style: outside disc; margin-left: 1.25em; }
.corporate_dl { font-size: 10px; line-height: 1.33; }
.corporate_dl dt { clear: both; width: 16.5%; float: left; padding: 15px 0 0; text-align: right; }
.corporate_dl dd { width: 80%; float: right; padding: 15px 0 0; }


/* policy */

.policy ol { font-size: 10px; line-height: 1.33; }
.policy ol li { list-style: outside decimal; margin-left: 1.25em; padding: 0 0 15px; }
.ti01 { text-indent: 1em; }


/* Contact Us */

.contact table { width: 100%; font-size: 14px; border: none; }
.contact div#trust-form.contact-form table tr:hover{ background: #fff; }
.contact div#trust-form.contact-form table th,
.contact div#trust-form.contact-form table td { border: none; }
.contact th { text-align: left; font-weight: normal; padding: 10px; width: 25%; }
.contact div#trust-form.contact-form span.require { color: #009772; }
.contact div#trust-form.contact-form table tr:last-child span { visibility: hidden; }
.contact td { padding: 10px; }
.contact th a { color: #999; text-decoration: underline; }

.cont01 { width: 50%; }
.cont02 { width: 75%; height: 120px; }

.contact #confirm-button { padding-left: 20%; }
.contact #confirm-button input { display: block; padding: 10px; text-align: center; width: 30%; margin: 0 1em; cursor: pointer; border: none; background: #666; color: #fff; font-weight: bold; float: left; }


/* Topics */

.topics_text { font-size: .875em; line-height: 1.6; font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; }
.topics_pic_left { padding: 0 0 10px; text-align: center; }
.topics_pic_right { padding: 0 0 10px; text-align: center; }
.topics_text p { padding: 0 0 10px; }
.topics_pic img,
.topics_pic_left img,
.topics_pic_right img { padding: 0 0 15px; }


@media all and (min-width: 480px){

	.top_message .fb_like { padding-top: 130px; }

	ul.menubox li a { height: 120px; width: 120px; }
	
	.contact th { width: 40%; }

}

@media all and (min-width: 600px){
	
	header h1 { width: 50%; float:left; }
	header h1.logo { width: 25%; float:left; }
	header .topImage { margin: 0; width: 50%; float: right; }
	header .commonImage { margin: 0; width: 75%; float: right; }
	
	.top_main_left { width: 50%; float: left; }
	.top_main_right { clear: none; width: 50%; float: right; padding-top: 0; }
	.top_main_right_space h3 { padding: 10px 0 0; }

	.top_message .fb_like { padding-top: 90px; }
	
	ul.menubox li a { height: 100px; width: 100px; }

	
	.common_left { width: 25%; float: left; }
	.common_right { clear:none; width: 75%; float: right; }
	.common_right_other { clear:none; width: 75%; float: right; }
	.common_right_other .inner { padding: 50px; }
	.common_right_other .inner_left,
	.common_right_other .inner_right,
	.common_right_other .inner_all { width: 300px; }
	
	.common_left nav { margin: 0; padding: 16px 0 0; width: 67px; float: left; }
	.common_left nav ul.menubox li a:hover { background: #666; }
	.common_left .menu_category { padding: 16px 0 0; }
	.common_left .menu_category ul.menubox { width :67px; }
	.common_left .menu_category ul.menubox a { color: #fff; height: 67px; background: #666; }
	.common_left ul.menubox li a { display: table-cell; background: #999; height: 67px; width: 67px; vertical-align: middle; font-size: 10px; }
	.common_left ul.menubox li a span { padding: 0 0 0 3px; }

	
	.common_right_inner { padding: 2em 2em; min-height: 500px; }


	/* symbol */

	.sym_logo { width: 40%; float: left; }
	.sym_logo img { width: 80%; }
	.sym_text { font-size: 12px; line-height: 1.2; width: 50%; float: left; padding: 30px 0 0; }
	.sym_year { width: 10%; float: right; text-align: right; padding: 30px 0 0; }

	/* Contact Us */

	.contact th { width: 40%; }
	.contact #confirm-button { padding-left: 0; }
	.contact #confirm-button input { width: 80%; margin: 0 auto 1em; float: none; }

}

@media all and (min-width: 768px){

	header .commonImage { height: 120px; }

	nav { padding: 36px 0 0; }
	ul.menubox li a { height: 128px; width: 128px; }
	
	.top_message { padding: 36px 0 0; }
	.top_message .fb_like { padding-top: 130px; }

	.top_main_right_space { height: 36px; }
	.top_main_right_space h3 { padding: 13px 0 0; }


	.common_left nav { width: 88px; }
	.common_left .menu_category ul.menubox { width :88px; }
	.common_left .menu_category ul.menubox a { height: 88px; }
	.common_left ul.menubox li a { height: 88px; width: 88px; font-size: 12px; }
	.common_left ul.menubox li a span { padding: 0 0 0 5px; }
	.common_left ul.menubox li.menu00 span { height: 88px; width: 88px; }
	.common_left ul.menubox li.menu00 span img { width: 62px; padding-left: 5px; }


	/* symbol */
	
	.sym_logo { width: 50%; }
	.sym_text { width: 40%; padding: 70px 0 0; }
	.sym_year { width: 10%; padding: 70px 0 0; }

	/* Contact Us */

	.contact th { width: 32.5%; }
	.contact #confirm-button { padding-left: 0; }
	.contact #confirm-button input { width: 40%; margin: 0 1em; float: left; }

	/* Topics */

	.topics_pic_left { float: left; width: 50%; text-align: left; }
	.topics_pic_right { float: right; width: 50%; text-align: right; }
	.topics_pic_left img,
	.topics_pic_right img { width: 90%; }

}

@media all and (min-width: 1024px){

	header .commonImage { height: 185px; }

	nav { padding: 40px 0 0; }
	ul.menubox li a { height: 166px; width: 166px; }

	.top_message { padding: 40px 0 0; }
	.top_message .fb_like { padding-top: 200px; }

	.top_main_right_space { height: 40px; }
	.top_main_right_space h3 { padding: 16px 0 0; }

	
	.common_left nav { width: 112px; }
	.common_left .menu_category ul.menubox { width : 112px; }
	.common_left .menu_category ul.menubox a { height: 112px; }
	.common_left ul.menubox li a { height: 112px; width: 112px; font-size: 14px; }
	.common_left ul.menubox li a span { padding: 0 0 0 10px; }
	.common_left ul.menubox li.menu00 span { height: 112px; width: 112px; }
	.common_left ul.menubox li.menu00 span img { width: auto; padding-left: 10px; }
	
	.common_right_other .inner_left { float: left; }
	.common_right_other .inner_right { padding: 0 0 50px 50px; float: left; }
	.common_right_other .corp01 { margin-top: -170px; }
	.common_right_other .inner_all { width: 650px; }

	.common_right_inner { padding: 2em 3em; min-height: 700px; }
	

	/* symbol */

	.sym_logo img { width: 80%; }
	.sym_text { padding: 100px 0 0; }
	.sym_year { padding: 100px 0 0; }

	/* Contact Us */

	.contact th { width: 22.5%; }
	.contact #confirm-button { padding-left: 25%; }
	.contact #confirm-button input { width: 30%; margin: 0 1em; float: left; }


}

@media all and (min-width: 1112px){

	.wrap { width: 1112px; margin: 0 auto; }

	nav { padding: 46px 0 0; }
	ul.menubox li a { height: 188px; width: 188px; }

	.top_message { padding: 46px 0 0; }
	.top_message .fb_like { padding-top: 250px; }

	.top_main_right_space { height: 46px; }
	.top_main_right_space h3 { padding: 20px 0 0; }


	.common_left nav { width: 130px; }
	.common_left .menu_category ul.menubox { width :130px; }
	.common_left .menu_category ul.menubox a { height: 130px; }
	.common_left ul.menubox li a { height: 130px; width: 130px; }
	.common_left ul.menubox li.menu00 span { height: 130px; width: 130px; }

	
}



@media all and (max-width: 670px){
	
	.contact tr,
	.contact th,	
	.contact td { width: 100%; display: block; padding: 10px 0 0; }

	.cont01 { width: 100%; min-width: 270px; }
	.cont02 { width: 100%; min-width: 270px; height: 120px; }

	.contact #confirm-button { padding-left: 0; }
	.contact #confirm-button input { width: 80%; margin: 0 auto 1em; height: 50px; float: none; }

}

@media all and (max-width: 599px){
	
	.common_left { height: 350px; !important }

}