@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			http://http://www.shinwaweb.com//
File name:			base.css (http://http://www.shinwaweb.com/css/base.css)

-----------------------------------*/

/*-------------------------
__common_style
-------------------------*/
body{font-size:12px;line-height: 1.6em;color:#333;}
a,a:link,a:visited {color:#0083CF;}
a:hover {color:#0079C0;}
a:active {color:#0083CF;}

/*-------------------------
__header_style
-------------------------*/
#header {border-top:3px solid #7fc0e1;box-shadow:0px 5px 5px rgba(0,0,0,0.4);padding:10px 0 0;position:relative;z-index:1;}
#header h1{font-size:14px;line-height:1;font-weight:400;text-align:left;width:980px;margin:0 auto;}
#header .header_inner {height:115px;width:980px;margin:0 auto;position: relative;}
#header #logo{width:191px;position:absolute;left:20px;top:15px;}
#header #logo img{height:35px;width:auto;}
#header .add {font-size:16px;line-height:1.2;position:absolute;left:230px;top:32px;}
#header .tel{position: absolute;right: 20px;top:10px;}
#header .tel img{height:30px;width:auto;}
#header .contact{background-color:#FAF100;width:240px;padding:2px 0;position:absolute;right:20px;top:45px;}
#header .contact a{margin: 0 2px;display: block;border:1px solid #0067b1;}
#header .contact img{height:38px;width:auto;margin:-8px -12px 4px 0;}
#header .contact:hover{filter:alpha(opacity=70);opacity: 0.7;}
#header .mysearch{position:absolute;left:20px;top:64px;}
#header .mysearch li{font-size:13px;display:inline-block;margin:0 6px 0 0;}
#header .mysearch li a{color:#fff;text-decoration:none;background-color:#999;border-radius:4px;padding:2px 8px;}
#header .mysearch li a:hover{background-color:#BBB;}
#header .mysearch_sp{display:none;}
#gm {background:url(../images2/gm_bg.png) no-repeat center 0;height:60px;width:980px;margin:-30px auto 10px;position:relative;z-index:2;}
#gm ul {padding: 4px 0 0;}
#gm ul li{display: inline-block;vertical-align: top;height: 50px;width: 222px;margin: 0 8px;overflow: hidden;}
#gm ul li img{height:100px;width:auto;}
#gm ul li a{display: block;}
#gm ul li a:hover img{margin: -50px 0 0;}

@media screen and (max-width: 767px) {
#header {padding:0;overflow: hidden;}
#header h1{display:none;}
#header .header_inner {width:auto;height:145px;margin:0;}
#header #logo{height:auto;width:120px;left:10px;top:10px;}
#header #logo img{height:auto;width:100%;}
#header .add {display: none;}
#header .tel{width:150px;position: absolute;right:10px;top:12px;}
#header .tel img{height:auto;width:100%;}
#header .contact{width:auto;left:10px;right:10px;top:40px;}
#header .contact a{margin:0 2px;}
#header .contact img{height:32px;margin:-8px -10px 2px 0;}
#header .mysearch{display:none;}
#header .mysearch_sp{display:block;position:absolute;left:10px;right:10px;top:77px;}
#header .mysearch_sp a{font-size:12px;line-height:24px;display:block;color:#fff;text-decoration:none;background-color:#999;border-radius:4px;}
#gm {background:#FFF;height:auto;width:auto;margin:-41px 0 0;border-bottom:none;}
#gm ul {margin:0;}
#gm ul li{display: inline-block;vertical-align: top;height: 34px;width: 50%;margin:0;overflow: hidden;}
#gm ul li.sp_hide{display: none;}
#gm ul li img{height:68px;width:auto;}
#gm ul li a{display: block;border-top:1px solid #7FC0E1;}
#gm ul li:nth-child(even) a{border-left:1px solid #7FC0E1;}
#gm ul li a:hover img{margin:0;}
}

/*-------------------------
__content_style
-------------------------*/
.topic_path{width:950px;text-align:right;margin:0 auto;padding:0 0 15px;clear:both}
.topic_path li{font-size:12px;line-height:1.2;display:inline-block;margin:0;padding:0}
.topic_path li:before{content:">";margin:0 5px}
.topic_path li:first-child:before{content:"";margin:0}

#content{width: 950px;margin:0 auto;padding:0;}
#content #main {width:710px;float:left;text-align:left;}
#content #side {width:220px;float:right;text-align:left;}

#content h3{margin:0 0 30px;}
#content h4{font-size:21px;margin:0 0 15px;color:#134A84;}
#content p{ font-size:12px; line-height:1.8em; color:#525252; margin:0 0 25px;}
#content em{ font-size:14px; line-height:1.6em; color:#525252;}

form{margin:0;padding:0}
form #submit{text-align:center;margin-bottom:15px}

/* 通常テーブルパターン */
table.normal{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:20px;font-size:12px;line-height:1.8em}
table.normal th,table.normal td{padding:5px;border-bottom:1px dotted #8A735A;text-align:left}
table.normal th{width:25%;font-weight:700;color:#177CBC;text-align:center;white-space:nowrap}
table.normal em{font-size:10px;font-weight:700;color:#F60}

#content h3{margin:0 0 30px;}
#content h3 img{width:100%;height: auto;}
#content h3 img.title_sp{display: none;}

#content_footer{width:950px;margin:0 auto;padding:20px 0 50px;}
#content_footer .staff{padding:0 0 25px;}
#content_footer .staff img.pc_img{height:auto;width:985px;margin:0 0 0 -25px;}
#content_footer .staff img.sp_img{display:none;}
#content_footer .staff a:hover img.pc_img{filter:alpha(opacity=70);opacity:.7;}
#content_footer .banner{padding:0 0 25px;}
#content_footer .banner li{font-size:1px;line-height:0;display:inline-block;vertical-align:top;width:300px;}
#content_footer .banner li + li{margin:0 0 0 25px;}
#content_footer .banner li img{height:auto;width:100%;}
#content_footer .banner li a:hover img{filter:alpha(opacity=70);opacity:.7;}
#content_footer .other_box{width:950px; margin:0;}
#content_footer .other_box .blog{padding:0; float:left; margin-top:44px;}
#content_footer .other_box .blog img.pc_img{height:auto;width:310px;margin:-10px 0 0 -10px;}
#content_footer .other_box .blog img.sp_img{display:none;}
#content_footer .banner02{width:625px;overflow:hidden; float:right;}
#content_footer .banner02_title{font-size:14px;font-weight:700;color:#0079BF;text-align:left;border-bottom:1px solid #0079C1; padding:0 10px 5px 0; margin-bottom:10px;}
#content_footer .banner02 ul{width:625px;overflow:hidden;padding:0;}
#content_footer .banner02 ul li{font-size:1px;line-height:0;width:300px;margin:0 24px 24px 0;float:left;}
#content_footer .banner02 ul li:nth-child(2n),
#content_footer .banner02 ul li:nth-child(4n){margin:0 0 20px 0;}
#content_footer .banner02 ul li img{height:auto;width:300px;}
#content_footer .banner02 ul li a{margin:0;}
#content_footer .fb_box{width:625px;float:left;}

@media screen and (max-width: 767px) {
.topic_path{width:auto;text-align:left;margin:0 10px;padding:15px 0 10px;}

#content{width: auto;margin:0;}
#content #main {width:auto;float:none;margin: 0 10px;}
#content #side {display: none;}

#content h3{margin:0 0 15px;}
#content h3 img.title_pc{display: none;}
#content h3 img.title_sp{display: block;}

#content_footer{width:auto;margin:0;padding:10px 0 25px}
#content_footer .staff{margin:0 10px;padding:0 0 15px}
#content_footer .staff img{width:100%;margin:0}
#content_footer .staff img.pc_img{display:none}
#content_footer .staff img.sp_img{display:block;height:auto;width:100%}
#content_footer .banner{display: none;}
/*
#content_footer .banner{text-align:left;width:310px;margin:0 auto;padding:0 0 10px}
#content_footer .banner li{text-align:center;width:155px;margin:0 0 10px!important}
#content_footer .banner li img{width:145px}
*/
#content_footer .content_footer_inner{display: none;}
/*
#content_footer .other_box{margin:0 auto;padding:0 0 20px;float:none}
#content_footer .other_box .blog{padding:0 0 20px}
#content_footer .other_box .blog img.pc_img{display:none}
#content_footer .other_box .blog img.sp_img{display:block;width:310px;margin:-5px 0 0 -5px}
#content_footer .fb_box{width:300px;margin:0 auto;float:none}
*/
}

/*-------------------------
__side_style
-------------------------*/
#side .sm_contents {text-align:center;background:url(../images2/sm_contents_banner_bg.jpg) no-repeat 0 0;height:660px;padding: 83px 0 0;box-sizing:border-box;}
#side .sm_contents li {height:90px;width:200px;margin:0 auto;}
#side .sm_contents li:hover img {filter:alpha(opacity=70);opacity:.7}
#side .topics { background:#FFF;margin:0 0 25px 0;border:1px solid #0067B1;}
#side .topics .topics_title {text-align:center;padding: 3px 0 0;}
#side .topics .topics_inner {height: 155px;padding: 0 0 0 5px;overflow: hidden;}
#side .topics iframe {height: 155px;width: 100%;}
#side .sm_voice_banner {margin:0 0 25px;}
#side .sm_voice_banner a:hover img {filter:alpha(opacity=70);opacity:.7}
#side .sm_contents02 {margin:0 0 25px;border-top:1px dotted #ccc;}
#side .sm_contents02 li {height:90px;margin:10px 0 0;border-bottom:1px dotted #CCC;}
#side .sm_contents02 li a {text-decoration: none;}
#side .sm_contents02 li.btn01{background:url(../images2/sm_banner01.jpg) right center no-repeat;}
#side .sm_contents02 li.btn02{background:url(../images2/sm_banner02.jpg) right center no-repeat;}
#side .sm_contents02 li.btn03{background:url(../images2/sm_banner03.jpg) right center no-repeat;}
#side .sm_contents02 li.btn04{background:url(../images2/sm_banner04.jpg) right center no-repeat;}
#side .sm_contents02 li.btn05{background:url(../images2/sm_banner05.jpg) right center no-repeat;}
#side .sm_contents02 li.btn06{background:url(../images2/sm_banner06.jpg) right center no-repeat;}
#side .sm_contents02 li em {font-size:14px;color:#0079C0;padding:3px 0;font-weight:700;display:block;}
#side .sm_contents02 li span{font-size:12px;line-height:1.5em;font-weight:400;color:#333;display:block;height:4.5em;overflow:hidden;padding:0 80px 0 0;}
#side .sm_contents03 {margin:0 0 25px;}
#side .sm_contents03 .sm_contents03_title{font-size:16px;font-weight:700;color:#666;margin:0 0 10px;}
#side .sm_contents03 ul{border-top:1px dotted #ccc;}
#side .sm_contents03 ul li{height:90px;margin:10px 0 0;border-bottom:1px dotted #CCC;}
#side .sm_contents03 li a {text-decoration: none;}
#side .sm_contents03 li.btn01{background:url(../images2/sm_oyakudachi01.jpg) right center no-repeat;}
#side .sm_contents03 li.btn02{background:url(../images2/sm_oyakudachi02.jpg) right center no-repeat;}
#side .sm_contents03 li em{font-size:14px;font-weight:700;color:#52B2E5;display:block;padding:3px 0;}
#side .sm_contents03 li span{font-size:12px;font-weight:400;line-height:1.5;color:#333;height:4.5em;display:block;overflow:hidden;padding:0 80px 0 0;}

/*-------------------------
__footer_style
-------------------------*/
#footer {border-top:10px solid #7FC0E1;}
#footer .footer_inner {border-top:6px solid #EAF4FA;}
#footer .footer_inner02 {width:950px;margin:0 auto;padding:30px 0;}
#footer .footer_logo {width:191px;float:left;}
#footer .footer_logo img {height:auto;width:100%;}
#footer .footer_text{text-align:left;width:720px;float:right;}
#footer .footer_text p{font-size:14px;line-height:2.2;}
#footer .footer_text a{color:#000;text-decoration:none;margin:0 1.2em 0 0;}
#footer .footer_text a.pc_hide{display:none;}
#footer .footer_text a:hover{text-decoration:underline;}
#footer .copyright{font-size:14px;line-height:1.2;border-top:1px solid #C7C7C7;padding:15px 0;}

@media screen and (max-width: 767px) {
#footer .footer_inner02 {width:auto;margin:0;padding:20px 0;}
#footer .footer_logo {width:auto;margin: 0 0 15px;float:none;}
#footer .footer_logo img {height:20px;width:auto;}
#footer .footer_text{text-align:center;width:auto;margin: 0 15px;float:none;}
#footer .footer_text p{font-size:12px;line-height:1.8;}
#footer .footer_text .pc_break{display:none;}
#footer .footer_text a{display:inline-block;width:50%;margin:0;}
#footer .footer_text a.pc_hide{display:inline-block;}
#footer .footer_text a.sp_hide{display:none;}
#footer .footer_text a:hover{text-decoration:none;}
#footer .copyright{font-size:11px;}
}
