@charset "utf-8";
/* ===================================================================
CSS information
file name  :main.css
EC-CUBE ver:2.4.4
Author     :shiro8.net
Author URL :http://www.shiro8.net
style info :リセット及びbody初期設定・レイアウト
=================================================================== */

/*-----------------------------------------------
reset
-----------------------------------------------*/
html {
overflow-y:scroll;
}

/* ページ
------------------------------------------------ */
#page{
width:100%;
margin:0;
padding:0;
background:#FFF;
}

/* ヘッダー・ロゴ
------------------------------------------------ */
div#header {
width:980px;
height:70px;
margin:0 auto;
}

div#header p a,
div#header h1 a{
display:block;
width:400px;
height:60px;
background:url(../img/header/logo.gif) no-repeat left top;
}

div#header em {
display:none;
}

#head {
width:440px;
height:60px;
display:block;
float:left;
text-align:left;
}

#head .fax{
display:inline;
float:right;
width:250px;
height:81px;
background:url(../img/header/bg_fax.gif) no-repeat;
}

#head .fax p{
height:25px;
clear:both;
margin-top:48px;
}

/* ヘッダーナビ
----------------------------------------------- */
div#information {
float:right;
width:477px;
/*
height:60px;
*/
}

div#information ul {
	float:right;

}
div#information ul li {
float:left;
line-height:1em !important;

}
div#information ul li#nenav {
	padding-right:6px;
}

div#information ul#hsnav {
	float:right;
}
div#information ul#hsnav li {
	padding:0 0 0 25px;
	background:url(../img/common/icn_link.gif) 10px 0.7em no-repeat;
	line-height:100%;
	white-space:nowrap;
	padding-bottom:0.5em;
	padding-top:0.7em;

}

/* ヘッダー検索
----------------------------------------------- */
div#headsearch {
	clear:both;
	width:980px;
	background:url(../img/header/bg_search-m.jpg) repeat-x;
	margin:0 auto;
	padding:0;
}
div#headsearch div#s-book {
	width:760px;
	float:left;
	line-height:100%;
}
div#headsearch div#f-change {
	width:189px;
	background:url(../img/header/bg_search-r.jpg) right top no-repeat;
	float:right;
}
div#headsearch p.stit {
	float:left;
}
div#s-book p.stit {
	width:85px;
}
div#searchArea {
	float:left;
	padding:2px 0 0;
}
div#s-book select,
div#s-book input.namedoc {
	margin:7px 0 0 5px;
	border:#084598 2px solid;
	vertical-align:top;
}
div#s-book select {
	width:220px;
	float:left;
}
div#s-book input.namedoc {
	width:285px;
	float:left;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:1px;
}
div#s-book p.btn {
	display:inline-block;
	padding-left:6px;
	float:left;
	margin-right:5px;

}
div#s-book p.btn input {
	margin-top:1px;
	vertical-align:middle;
}
div#s-book p.btn input.sbtn {
	margin-top:6px;
}
div#s-book p.btn img.sbtn {
	margin-top:6px;
}
div#s-book p.btn input.mbtn {
	margin-top:7px;
}

div#s-book p.btn img.mbtn {
	margin-top:7px;
}

div#f-change p.stit {
	width:102px;
}
div#f-change ul {
	width:74px;
	padding:9px 0 0 6px;
	float:left;
}
div#f-change ul li {
	width:22px;
	margin:0 1px;
	float:left;
}
div#f-change ul li a {
	display:block;
	height:22px;
	text-indent:-9999px;
}
/*
li.small a { background:url(../img/header/fsize_small.jpg) no-repeat; }
li.mid a { background:url(../img/header/fsize_middle.jpg) no-repeat; }
li.big a { background:url(../img/header/fsize_large.jpg) no-repeat; }
*/

/* ヘッダーぱんくず
----------------------------------------------- */
p#pankuz {
	clear:both;
	width:944px;
	margin:0 auto;
	padding:10px 18px;
	background:url(../img/common/icn_pankuz.gif) 0 1em no-repeat;
	border-bottom:#D7DBDE 1px solid;
	color:#999;
	text-align:left;
}

ul#pankuz {
	clear:both;
	width:944px;
	margin:0 auto;
	padding:9px 18px;
	background:url(../img/common/icn_pankuz.gif) 0 1em no-repeat;
	border-bottom:#D7DBDE 1px solid;
	color:#999;
	text-align:left;
}

ul#pankuz li{
	float:left;
	margin-right:5px;
	line-height:1em !important;
	}

ul#pankuz li a{

	}


/* フッター
----------------------------------------------- */
/*--ページトップへ--*/
#pagetop,
.totop {
clear:both;
/*
width:980px;
*/
margin-bottom:20px;
padding-top:20px;
}


#pagetop p,
.totop p{

display:block;
/*
width:768px;
*/
padding-right:12px;
text-align:right;
background:url(../img/common/icn_pagetop.gif) right top no-repeat;
line-height:120%;
}

/*--フッターお知らせ--*/
#bottom_info{
width:976px;
margin:0 auto 15px;
clear:both;
background:#FFF;
padding:1px;
border:#CCC 1px solid;
text-align:left;


}

#bottom_info #edit3box{
	background:url(../img/common/bg_edit.jpg) repeat-x;

	}

#bottom_info div.editwrap{
	float:left;	
}

#bottom_info div#editlife {
	width:314px;
	padding-right:10px;
	border-right:#CCC 1px solid;
	}
	
#bottom_info div#editbook {
	width:314px;
	float:left;
	border-left:#CCC 1px solid;
	

	}

#bottom_info div#editmanual{
	width:314px;
	padding-right:10px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	}
	
#bottom_info div.editbox {
	
	/*
	background:url(../img/common/bg_edit.jpg) repeat-x;
	*/
	
}

#bottom_info div.editinfo {
	width:246px;
	margin:0 auto;
	padding:13px 10px 17px 68px;
}
#bottom_info div#editlife div.editinfo { background:url(../img/common/edit_life.jpg) 10px 17px no-repeat; }
#bottom_info div#editmanual div.editinfo { background:url(../img/common/edit_manual.jpg) 10px 17px no-repeat; }
#bottom_info div#editbook div.editinfo { background:url(../img/common/edit_look.jpg) 10px 17px no-repeat; }

#bottom_info div.editinfo h3 {
	width:236px;
	padding-bottom:8px;
	margin-bottom:10px;
	font-size:1.4em !important;
	font-weight:bold;
	border-bottom:#CCC 1px solid;
	line-height:100%;
	padding-top:4px;
}
#bottom_info div.editinfo p {

	margin:5px 0 0;
	padding-right:15px;
	min-height:5em;
	height: auto !important;
	height: 5em;
}

#bottom_info div.editinfo span.editlink {
	display:block;
	font-size:1.2em;
	line-height:1.5em;
	padding-left:1.2em;
	background:url(../img/common/icn_link.gif) no-repeat;

}

p#footnav {
	clear:both;
	text-align:center;
	padding:0 0 15px;
}

span.ngline {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	background:url(../img/common/del_txt.gif) 0 3px no-repeat;

}

/*

* html #bottom_info div.information{
height:180px;
}

#bottom_info div.information_r{
width:330px;
min-height:180px;
padding:0px;
margin:0 5px;
float:right;
clear:right;
border:#CCC dotted 1px;
display:block;
}

* html #bottom_info div.information_r{
height:180px;
}

#bottom_info div.information .mes_area{
padding:10px;
}

#bottom_info div.information_r .mes_area_r{
padding:10px;
}

#bottom_info h3.bottomttl{
width:auto;
height:25px;
clear:both;
margin:0 0 5px 0;
background:#2CA9E1;
display:block;
border:0;
}

#bottom_info div.information p{
text-align:left;
}

#bottom_info div.information_r ul{
line-height:20px;
height:130px;
}

#bottom_info div.information_r li{
width:138px;
display:inline;
line-height:20px;
padding:0 10px 5px 0;
float:left;
font-size:85%;
position:relative;
}

#bottom_info div.information_r li img{
float:left;
padding-right:3px;
}

.shop{
color:#3399FF;
font-weight:bold;
}

.qr{
width:100px;
height:100px;
margin:5px;
padding:0;
float:left;
clear:left;
}

*/

/* フレーム
----------------------------------------------- */
div#container {
width:980px;
margin:0 auto;
background:#FFF;
min-height:400px;
text-align:left;
padding-top:15px;
}

* html div#container{
height:400px;
}


/* メインコンテンツ
----------------------------------------------- */
div#maincolumnwrap {
	width:780px;
	float:left;

}

/* 1カラム設定 */
div#one_maincolumn {
width:980px;
margin:0 auto;
/*
padding-top:15px;
*/
}

/* 2カラム設定 */
div#two_maincolumn {
float:right;
width:780px;

}

div#two_maincolumn h2 {
clear:both;
}

/* 3カラム設定 */
div#three_maincolumn {
float:right;
width:580px;

}

div#three_maincolumn h2 {
clear:both;
}

/* 左カラム
----------------------------------------------- */
div#leftcolumn {
float:left;
width:190px;
padding:0 0 10px;
}

div#leftcolumn h2 {
border-bottom:0;
}

/* 右カラム
----------------------------------------------- */
div#rightcolumn {
float:right;
width:190px;
padding:0 0 10px;
}

div#rightcolumn h2 {
border-bottom:0;
}

/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after,
#container:after {
	content: "";
	display: block;
	height:0;
	clear: both;
	visibility:hidden;
	}

.clearfix,
#container {
	display:inline-block;
	}

/*\*/

* html .clearfix,
* html #container {
	height:1%;
}

.clearfix,
#container {
	display:block;
	}

/**/



/* 20150309 追加 ヘッダー・ロゴ
------------------------------------------------ */
.eos_notice_header #head {
width:400px;
}

/* 20150309 追加 ヘッダーナビ
----------------------------------------------- */
.eos_notice_header div#information {
width:560px;
}