@charset "UTF-8";
/* CSS Document */

/*スマートフォン用common*/
/*base.css上書き*/

/*ios幅欠け対策*/
body{
  -webkit-text-size-adjust: 100%;/*ios対策*/
}
html,body{
    width: auto;/*スマホは幅キャンセル*/
	min-width: inherit;
}

/*=====汎用=====*/
#contents .left {
	float:none;
	margin-right:0;
	width:auto;
}#contents img.left {
	float:left;
	margin-right:5px;
}
#contents .right {
	float:none;
	margin-left:0;
	width:auto;
}#contents .right {
	float:right;
	margin-left:5px;
}
#contents div.center {
	display:block;
	margin:auto auto;
	text-align:center;
}


/*=====ヘッダ=====*/
#head_obi {
	display:block;
	width:100%;
	height:auto;
	padding:6px 0 0 0;
	margin:0;
	line-height:100%;
	background-color:#d2d7db;
	color:#000;
	position:relative;
}
#head_obi > div {
	display:block;
	width:auto;
	margin:0 auto;
}
#head_obi h1 {
	display:block;
	float:none;
	padding:2px 8px 6px;
	line-height:1.4em;
}
#head_obi a.honsya {
	display:block;
	float:right;
	background-image:url(../images/honsya_list_mark.png);
	background-repeat:no-repeat;
	background-position:0 0.5em;
	padding:3px 5px 0 10px;
	color:#000;
	overflow:hidden;
}
/*右肩*/
#head_obi ul.head_r {
	margin:0;
}
#head_obi ul.head_r li {
	display:block;
	float:right;
	background-image:url(../images/honsya_list_mark.png);
	background-repeat:no-repeat;
	background-position:0 8px;
	padding:3px 5px 0 10px;
	color:#000;
	overflow:hidden;
	line-height:1;
}#head_obi ul.head_r li a {
	color:#000;
	text-decoration:none;
}
#head_obi a.honsya {
	background-image:url(../images/ic_eng.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:28px;
	font-size:12px;
}
/**/
#header {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	background-image:none;
}

#header #head_logo {
	display:block;
	position:static;
	padding:0;
	clear:both;
	height:auto;
	margin:0 0 0px 12px;
}
/*--廃止
#header #head_30years {
	display:block;
	position:static;
	margin:0 0 10px 25px;
}*/
#header #btn_box {
	display:block;
	position:static;
	clear:both;
	height:auto;
	margin-left:7px;
	margin-top:15px;
	overflow:hidden;
	text-align:center;
}#header #btn_box a {
	display:block;
	width:auto;
	margin:0 auto 5px auto;
}
#header #search {
	position:static;
	margin:0 10px 0 5px;
	width:95%;
	height:auto;
	overflow:hidden;
}#header #search form {
	font-size:14px;
}#header #search form input[type="text"] {
	height:15px;
	font-size:14px;
	width:95%;
	vertical-align: middle;
	float:none;
}#header #search form input[type="submit"] {
	vertical-align: middle;
	float:none;
}


/**/
#navi {
	display:block;
	position:static;
	width:100%;
	height:auto;
	border-bottom:solid #CCC 1px;
	overflow:hidden;
}#navi ul {
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	
}#navi li {
	float:left;
	width:50%;
}
#navi li a {
	display:block;
	height:40px;
	width:100%;
	background-image:url(../images/sp_navi_bg.gif);
	background-repeat:repeat;
	background-position:left top;
	text-indent:0;
	text-align:center;
	color:#FFF;
	padding:0;
	border-top:solid #CCC 1px;
	border-left:solid #CCC 1px;
	line-height:40px;
}
#navi0 {
	display:block;
}
#navi0 a:link,
#navi1 a:link,
#navi2 a:link,
#navi3 a:link,
#navi4 a:link,
#navi5 a:link,
#navi6 a:link,
#navi7 a:link {
	width:100%;
	background-image:url(../images/sp_navi_bg.gif);
	background-position:left top;
}
#navi0 a:hover,
#navi1 a:hover,
#navi2 a:hover,
#navi3 a:hover,
#navi4 a:hover,
#navi5 a:hover,
#navi6 a:hover,
#navi7 a:hover {
	background-image:url(../images/sp_navi_bg_on.gif);
	background-position:left top;
}


/**/
#bnr_img {
	display:block;
	width:100%;
	height:auto;
	margin:3px 0 17px 0;
	overflow:hidden;
}#bnr_img img {
	width:100%;
	max-width:100%;
	height:auto;
}


/*=====コンテンツ+サイド=====*/
/*基本構造*/
#cts_wrap {
	display:block;
	width:96%;
	height:auto;
	background:none;
	margin:0 auto;
	overflow:hidden;
}
#contents {
	float:none;
	width:100%;
	padding-right:0;
	margin-bottom:20px;
}
#side {
	float:none;
	width:auto;
	margin-bottom:20px;
	margin-top:20px;
}



#side02 {
	float:none;
	width:auto;
	text-align:center;
}
/*contents*/

/*横2コラム*/
#contents .col2p {
	display:block;
}#contents .col2p .left {
	width:auto;
	float:none;
}#contents .col2p .right {
	width:auto;
	float:none;
}#contents .col2p .left table,#contents .col2p .right table  {
	width:auto;
}
/*indexページ- listbox start */
#contents .listbox {
	display:block;
	width:auto;
	margin-top:40px;
}
#contents .listbox ul li {
	display:block;
	float:none;
	width:323px;
	margin:0 auto 50px auto;
}
#contents .listbox ul li h3 {
	display:block;
	padding-top:10px;
	margin-top:10px;
}
#contents .listbox ul li h3 img {
	margin-top:-8px;
	margin-right:8px;
}
#contents .listbox ul li p {
	margin-top:15px;
}
/*side- listbox end */



/*=====side=====*/

#side02 {
	background-color:#FFFFFF;
}
#side {
	padding-top:25px;
	padding-bottom:25px;
}
/*column category_index 2016.01追加*/
#side .column.category_index {
	margin-top:-25px;
}
/**/




/*=====footer=====*/
#footer {
	display:block;
	width:auto;
	clear:both;
	color:#222658;
	background-color:#eeeeee;
	margin:0 0 0 0;
	padding-left:12px;
	padding-right:12px;
	overflow:hidden;
}
#footer .inner {
	width:100%;
	position:relative;
	margin:0;
	padding:0;
}
#footer address {
	display:block;
	width:auto;
	margin:15px 0 15px 0;
	line-height:120%;
}
#footer #ic_list {
	position:static;
	margin-bottom:10px;
	overflow:hidden;
	float:left;
	width:auto;
}
#footer #ic_list p {
}
#footer #ic_list a {
	overflow:hidden;
	margin-bottom:10px;
}
#wwrht {
	clear:none;
	position:static;
	margin:15px 5px 25px 0;
	float:right;
	width:30%;
}#wwrht img {
	width:100%;
}


/*=====table=====*/
/* table_type1*/




/*=====sp スマホ用=====*/
/*sp フローティングボタン*/
#sp_gotop {
	display:block;
	position:fixed;
	bottom:0px;right:0;
	z-index:110;
	/*透過スタイル*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
	filter: alpha(opacity=40); /* IE */
	-moz-opacity:0.4; /* Firefox(old) */
	-khtml-opacity: 0.4; /* Safari(old) */
	opacity: 0.4;
}
/*ヘッダ*/
#sp_hbtn {
	display:block;
	position:absolute;
	top:40px;right:10px;
}
/*フッタ*/
#mode_sp_btn {
	display:none;
}


/*a半透明*/
#contents a,
#contents a:hover,
#side a,
#side a:hover
{
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform:perspective(0);/*safariちらつき防止*/
}
#contents a img:hover,
#side a img:hover
{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
/*a半透明-背景画像も透明に*/
#contents a:hover,
#side a:hover
{
	opacity: 0.75;
	filter: alpha(opacity=75); /* IE6、IE7対応 */
	-moz-opacity: 0.75; /* Firefox1.5以前対応 */
}