@charset "utf-8";
/* *******************************************************************************

-------------------------------------------------------------
■ PC
-------------------------------------------------------------
 0. common
 1. header
 2.mainimage 
 ├ 2-1. top
 └ 2-2. under
 3. side
 4. footer
 5. inquiry
 6. blog

------------------------------------------------------------- 
■ @media screen and (max-width: 1000px)
-------------------------------------------------------------
 0. common
 1. header
 ├ 1-1. header_right_box
 └ 1-2. nv (.g_nav)
 
------------------------------------------------------------- 
■ @media screen and (max-width: 767px)
-------------------------------------------------------------
 1. header
 └ 1-1. header_right_box
 2.mainimage 
 ├ 2-1. top
 └ 2-2. under

******************************************************************************* */
/*
color palette

 1. #f5f5f5
 2. #f5f5f5
 3. #aeaeae

 4. #ffffff
 5. #000000
 6. #747474 // font color base

*/

/* ----------------------------------------------------------
■ PC
----------------------------------------------------------- */
/* =====================================
 0. common
===================================== */
html {
	overflow-y: scroll;
}

body {
	font-size: 85%;
	line-height:160%;
	background:none #ffffff !important;
	color: #313131;
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}
#base {
	z-index: 0;
}

#content {
    padding-top: 1em !important;
}

/* text link ---------------------------- */
a         {	color: #313131; text-decoration: none; }
a:link    { color: #313131; text-decoration: none; }
a:visited { color: #313131; text-decoration: none; }
a:hover   { color: #ff9204; text-decoration: underline; }
a:active  { color: #ff9204; text-decoration: underline; }


/* =====================================
 1. header
===================================== */
#header {
	background: none;
	margin-bottom: 20px;
}
#header_bg {
	background:none #ffffff;
  }
#header h1 {
    margin-top: 4%;
    margin-bottom: 5.5%;
}
#header .inner {
    padding: 10px 0px 0px!important;
}

/*-------▽変更部分▽------*/

#header #menu_button, #header #tel_button {
    display: none;
}

#header #mail_button_pc{
    display:block;
	margin-top:3px;
}

/* togglemenu ---------------------------- */
.togglemenu {
	background: none;
	display:  none;
}


/* globalNav ---------------------------- */
#gnav {
	background:none;
    width: 100%;
}

.nav {
	box-sizing:border-box;
    list-style: none;
     *zoom: 1;
     position: relative;
	 width:auto;
	 max-width:960px;
	 margin:0 auto;
}


.nav li{
	width: 20%;
	border-right:1px solid #cdcdcd;
	box-sizing:border-box;
	/*	background: url(/asset/nv_bg.gif) no-repeat scroll right center rgba(0, 0, 0, 0);*/
	text-align:center;
}

.nav li.first{
	width: 20%;
	border-left:1px solid #cdcdcd;

}

.nav:before,
.nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}

.nav a,
.nav span{
    padding: 5px 10px;
    color: #ff9204;
	font-size:110%;
    *zoom: 1;
	cursor:pointer;
}
.nav > li {
    float: left;
    z-index: 200;
}
.nav > li > a,
.nav > li > span{
    display: block;
}
/*
.nav ul {
    list-style: none;
    width: 9em;
}*/


/* Sub Lists ---------------------------- */
.sub {
    position: absolute;
    left: -9999px;
    z-index: 100;
	list-style: none;
	margin:0;
}

.sub li{
	width: 14em;
	padding:0;
	border-right:none;
}

.sub li a {
    display: block;
    background: #f5f5f5;
    position: relative;
    z-index:100;
    border-top: 1px solid #ffffff;
	color:#5b5b5b;
}

.nav li {
    position: relative;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
/*-------△変更部分△------*/


/* =====================================
 2. mainimage
===================================== */
.type1 #mainimage {
	display: none;
}

.top #mainimage {
	display: block;
}

/* =====================================
 3. side
===================================== */

#side .bn {
    width: 100%;
}

#side .bn02,#side .bn03 {
    height: 69px;
    width: 220px;
}

#side .bn04 {
    height:150px;
    width: 220px;
}

#side .bn05 {
    height:69px;
    width: 220px;
}

/* =====================================
 4. footer
===================================== */
#footer{
	background: #f2f2f2;
	background-image: none;
}
#footer .inner{
	width:960px;
	margin:0 auto;
	text-align:center;
	color:#5b5b5b;
	padding:15px 10px 10px;
	font-size: 100%;
}

#footer .footerLink{
	color:#5b5b5b;
	margin-bottom:20px;
}

#footer .footerLink a{
	color:#5b5b5b;
}

address{
	font-weight: bold;
}

/* =====================================
 5. inquiry
===================================== */
body#inquiryBody{
    background: none;
}

body#inquiryBody #header #mail_button {
    display: none;
}

body#inquiryBody div#content-bottom{
    display: none;
}

.inquiry .message {
	display: none;
}

.inquiry .inquiry_textbox {
	margin-bottom: 20px;
}

.form_error_notice {
	text-align: center;
	color: #CC0000;
	font-weight: bold;
	margin-bottom: 20px;
}

/* =====================================
 6. blog
===================================== */
#blogBody .contentArea{
	width:510px;
	float:left;
}
#blogBody #news.contentArea{
	width:100% !important;
	float:left;
}
.entry {
	margin-bottom: 20px;
}
#blogBody .date{
	text-align: right;
}
#blogBody .contributor {
	font-weight: bold;
}

#pagenation {
	background: none;
	border-top:1px solid #ff9204;
}

#pagenation .active a,
#pagenation a.active:hover{
	background:#ff9204;
}
#blogside h3{
	background: none #ffeab0;
	border-bottom: 1px solid #ff9204;
	width: auto;
	padding: 3px 5px;
}
#blogside li {
	position: relative;
	padding: 0 0 0 15px;
}
#blogside li:before {
	content: "";
	position: absolute;
	background: #ff9204;
	top: 13px;
	left:0;
	margin-top :-5px;
	height: 5px;
	width: 5px;
	padding: 0;
}
#blogside li.child-2 {
	margin-left: 15px;
}
#blogside li.child-2:before {
	content: "";
	position: absolute;
	background: #f89eb4;
	top: 13px;
	left: 5px;
	margin-top :-5px;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	padding-left: 0;
}
.blog_search_input input {
width: 98%;
}

/****************************************Tablet****************************************/
@media screen and (min-width: 601px) and (max-width: 959px) {
/* =====================================
 0. common
===================================== */
#content {
    padding: 1em 10px 0px !important;
}

#content-bottom {
    padding: 0px 10px !important;
}
.contentArea {
    padding-bottom: 0px !important;
}
/* =====================================
 1. header
===================================== */
#header h1 {
    margin-top: 5.5%;
	margin-bottom: 7.5%;
}
/* globalNav ---------------------------- */
#globalNav .dropcordion {
	width: 100%;
	margin: 0;
	display: table;
}
.nav a,
.nav span{
    padding: 5px 10px;
	font-size:95%;
    *zoom: 1;
	cursor:pointer;
}
/* Sub Lists ---------------------------- 
#globalNav .sub-menu {
	max-height: 0;
	overflow: hidden;
	margin-top: 0;
}
#globalNav .sub-menu li {
	padding: 0;
	border-bottom: 1px solid #fff;
}
#globalNav .sub-menu li a {
	background: #fff1f5;
}
#globalNav .sub-menu li:hover a {
	background: #f8f8f8;
}*/
/* =====================================
 3. side
===================================== */
#side {
	background: #fff;
}
#side .bn {
    width: 100%;
	margin-bottom: 4.4%;
}

#side .bn02,#side .bn03,#side .bn04,#side .bn05 {
    height: auto;
    width: calc;
}

#side .bn_side01 {
	display: none;
}
#side .bn_content{
    margin-left: 0px;
    margin-right: 0px;
}

#side .bn01 {
	display: none;
}
#side .inner .banner {
    margin-bottom: 40%;
}

#side .side_left{
	float: left;
	width: 49%;
    margin-right: 2%;
}

#side .side_right{
	float:right;
	width: 49%;
    margin-right: 0%;
}

#side .side_middle{
	width: 100%;
}

/* =====================================
 4. footer
===================================== */
#footer .inner {
	width: auto;
}
}

/****************************************SmartPhone****************************************/
@media screen and (max-width: 600px) {
/* =====================================
 0. common
===================================== */
body{
	background:none #ffffff !important;
	font-size:97% !important;
}

#content {
    padding: 1em 10px 0px !important;
}

#content-bottom {
    padding: 0px 10px !important;
}
.contentArea {
    padding-bottom: 0px !important;
}

/* =====================================
 1. header
===================================== */
#header h1 {
    margin-top: 2%;
}

/*-------▽変更部分▽------*/

#header {
	margin-bottom: 0;
}

#header #mail_button, #header #menu_button, #header #tel_button {
    display: inline;
    margin-left: 0;
    max-width:inherit;
    width:auto;
}

#header #mail_button_pc{
    display: none;
}


#header #mail_button img, #header #menu_button img, #header #tel_button img{
    display: inline;
    margin-left: 0.3%;
    max-width: 60px;
    width: 29%;
}

	#gnav {
    background:none;
    height:auto;
    width: 100%;
	}
	
	.nav{
		background:none;
		border:none;


	}
	
	
	.nav > li {
        float: none;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
	
	
    .nav li.first {
    width: 100%;

	border:none;

    }
	
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	.nav li{
		background:#aeaeae;
		border-top: 1px solid #ffffff;
		text-align:left;
	}
	
	.nav li a,
	.nav li span{
		color:#ffffff;
	}

	
	.sub{
	margin: 0;
	}
	
	.sub li{
		background:#f5f5f5;
		border-top:none;
	}
	
	.sub li a{
		color:#5b5b5b;
	}
	
	.nav li,	
	.sub li{
		width: 100%;
	}
	

/*-------△変更部分△------*/

/* =====================================
 3. side
===================================== */
#side {
	background: #fff;
}
#side .bn {
    width: 100%;
	margin-bottom: 4.4%;
}
#side .bn02,#side .bn03,#side .bn04,#side .bn05 {
    height: auto;
    width: calc;
}

#side .bn_side01 {
	display: none;
}
#side .bn_content{
    margin-left: 0px;
    margin-right: 0px;
}

#side .bn01 {
	display: none;
}
#side .inner .banner {
    margin-bottom: 40%;
}

#side .side_left{
	float: left;
	width: 49%;
    margin-right: 2%;
}

#side .side_right{
	float:right;
	width: 49%;
    margin-right: 0%;
}
/* =====================================
 4. footer
===================================== */
#footer .inner {
	width: auto;
}
}


/***************** v1.005で反映予定 tag start *******************/
/* span解除 */
.b_04_2_in span,
.b_04_3.b_04_3_column2 div.column_l span,
.b_04_3.b_04_3_column2 div.column_r span,
.b_04_3.b_04_3_column3 div.column_c span,
.b_04_3.b_04_3_column3 div.column_l span,
.b_04_3.b_04_3_column3 div.column_r span,
.b_04_2.b_04_2_column2 div.column_l span,
.b_04_2.b_04_2_column2 div.column_r span,
.b_04_2.b_04_2_column3 div.column_c span,
.b_04_2.b_04_2_column3 div.column_l span,
.b_04_2.b_04_2_column3 div.column_r span,
.b_04.b_04_column2 div.column_l span,
.b_04.b_04_column2 div.column_r span,
.b_04.b_04_column3 div.column_c span,
.b_04.b_04_column3 div.column_l span,
.b_04.b_04_column3 div.column_r span {
    display: inline;
    float: none;
    line-height: 1.4;
    margin:  auto;
    width: auto;
}

.b_04_2_in span img {
    display: block;
    float: left;
    line-height: 1px;
    margin: 0 0.5em 0.5em 0;
    width: 40%;
}

.b_04_3.b_04_3_column2 div.column_l span img,
.b_04_3.b_04_3_column2 div.column_r span img,
.b_04_3.b_04_3_column3 div.column_c span img,
.b_04_3.b_04_3_column3 div.column_l span img,
.b_04_3.b_04_3_column3 div.column_r span img,
.b_04_2.b_04_2_column2 div.column_l span img,
.b_04_2.b_04_2_column2 div.column_r span img,
.b_04_2.b_04_2_column3 div.column_c span img,
.b_04_2.b_04_2_column3 div.column_l span img,
.b_04_2.b_04_2_column3 div.column_r span img,
.b_04.b_04_column2 div.column_l span img,
.b_04.b_04_column2 div.column_r span img,
.b_04.b_04_column3 div.column_c span img,
.b_04.b_04_column3 div.column_l span img,
.b_04.b_04_column3 div.column_r span img {
    display: block;
    float: none;
    line-height: 1px;
    margin: 0 0 0.5em;
    width: 100%;
}

/* external */
.external_service_tag_height{
    height:0px;
}
.external_service_tag_height > img {
    height: 0px;
}
.wrapper{
    height: 100%;
}
/***************** v1.005で反映予定 tag end *******************/