﻿@charset "utf-8";
/* CSS Document */

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

/* ---------- initialize */

body{
	margin:0;
	padding:0;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.7;
}

h1{
	margin:0;
	padding:0;
	font-size:1em;
}

h2{
	margin:0;
	padding:0;
	font-size:1.2em;
}

h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:1em;
}

p{
	margin:0;
	padding:0;
}

ul{
	margin:0;
	padding:0;
	list-style:none;
}

li{
	margin:0;
	padding:0;
}

dl{
	margin:0;
	padding:0;
}

dt{
	margin:0;
	padding:5px;
	border-bottom:1px solid #e0e0e0;
}

dd{
	margin:0;
	padding:5px;
	border-bottom:1px solid #e0e0e0;
}

a{text-decoration:none;color:#779309;}
a:hover{text-decoration:underline;}
a:visited{color:#990066;}

/* ---------- structure */

#container{
	width:860px;
	margin:0 auto;
/*	background:url(../img/common/bg_sidebar.gif) repeat-y top right; */
}

#header {

}

#header h1{
	color:gray;
	font-size:1em;
	font-weight:normal;
}

#column-left{
	width:630px;
	float:left;
	margin-right:30px;
}

#column-right{
	width:200px;
	float:left;
	background-color:#FFFFFF;
}

#footer{
	text-align:right;
	background:#AAD10C url(../img/common/bg_footer.gif) no-repeat bottom left;
	padding:10px;
	height:75px;
	color:white;
	clear:both;
}

#footer p{
	font-size:0.8em;
}

#footer a{
	color:#FFFFFF;
}

/* ---------- global navi */

#global_navi{
	clear:both;
	margin:7px 0px;
	background:url(../img/common/navi_footer.gif) no-repeat bottom left;
	height:40px;
}

#global_navi li{
	float:left;
	margin-right:6px;
	height:30px;
}

#global_navi li img{
	border:none;
}

/* ---------- pankuzu navi */

#pankuzu_navi{
	clear:both;
	margin:7px 0px;
	height:25px;
}

#pankuzu_navi li{
	float:left;
	margin-right:6px;
	padding:0px 0px 0px 20px;
	background:url(../img/common/ic_pankuzu_lower.gif) no-repeat 0 2px;
}

#pankuzu_navi li.home{
	background:url(../img/common/ic_pankuzu_home.gif) no-repeat 0 2px;
}

/* ---------- infomation */

dl#information{
	margin-bottom:10px;
	border-top:1px solid #e0e0e0;
}

dl#information dt{
	float:left;
	width:100px;
	display:block;
	text-align:center;
	color:#999;
}

dl#information dd{
	float:left;
	display:block;
	width:490px;
	background:url(../img/common/separator_1.gif) no-repeat 0px 8px;
	padding-left:25px;
}

/* ---------- left area */

#column-left h2{
	margin-bottom:0.5em;
}
#column-left h3{
	font-size:15px;
	color:#990000;
}
#column-left p{
	margin-bottom:2em;
}

/* ---------- right area */

#column-right h2{
	width:200px;
	height:30px;
	margin-bottom:5px;
}
#column-right ul.ban{
	margin-bottom:2em;
}
#column-right ul.ban li{
	margin-bottom:3px;
}

#column-right ul.pickup-list{
	margin-bottom:2em;
	width:200px;
}
#column-right ul.pickup-list li{
	background:#f0f0f0 url(../img/common/separator_3.gif) no-repeat top left;
	margin-bottom:3px;
	padding:5px 5px 5px 15px;
}
#column-right ul.pickup-list li a{
	color:#333333;
	text-decoration:none;
}
#column-right ul.pickup-list li a:hover{
	color:#779309;
	text-decoration:underline;
}

/* ---------- store list */

#storeListContainer{
	border:1px solid #ccc;
	padding:10px 15px;
}
#storeListLeft,#storeListCenter,#storeListRight{
	width:180px;
	margin:5px;
	padding:9px;
	float:left;
}
#storeListContainer h4{
	color:#666;
	height:2em;
	background:url(../img/stores/h4_bg.jpg) no-repeat 0 1.6em;
	margin-bottom:0.5em;
}
#storeListContainer table{
	margin:0 0 1em 0;
}
#storeListContainer td{
	width:180px;
	padding:5px 10px;
	text-align:center;
}
#storeListContainer td img{
	width:120px;
	height:90px;
	display:block;
	border:none;
	margin:0 auto 3px auto;
}
#storeListContainer ul{
	margin-bottom:0.4em;
}
#storeListContainer li{
	border-bottom:1px dashed #ccc;
	text-align:center;
}
#storeListContainer li img{
	width:120px;
	height:90px;
	display:block;
	border:none;
	margin:0 auto;
	background:#CCCCCC;
}

/* ---------- store info */

h2.storeTitle{
	font-size:2em;
	padding:10px 15px 5px 15px;
	border:1px solid #ccc;
	background:url(../img/stores/store/bg_title.gif);
	color:#336600;
}

#storeInfo{
	margin-bottom:0px;
	margin-top:20px;
}

#storeInfo .pics{
	width:300px;
	margin-right:30px;
	float:left;
}

#storeInfo ul{
	width:300px;
	float:right;
	border-top:1px dashed #ccc;
}
#storeInfo li{
	padding:5px 0px 5px 100px;
	margin-bottom:5px;
	border-bottom:1px dashed #ccc;
	line-height:1.35;
}
#storeInfo li.jusho	{background:url(../img/stores/store/store_icon1.gif) no-repeat top left;}
#storeInfo li.tel	{background:url(../img/stores/store/store_icon2.gif) no-repeat top left;}
#storeInfo li.fax	{background:url(../img/stores/store/store_icon3.gif) no-repeat top left;}
#storeInfo li.mail	{background:url(../img/stores/store/store_icon4.gif) no-repeat top left;}
#storeInfo li.open	{background:url(../img/stores/store/store_icon5.gif) no-repeat top left;}
#storeInfo li.close	{background:url(../img/stores/store/store_icon6.gif) no-repeat top left;}

p.fromStore{
	border:1px solid #ccc;
	background:#FFFCF0;
	padding:15px;
}

/* ---------- info list */
#info_list p{
	margin:0px;
}
#info_list img{
	display:block;
	margin:0px 0px 10px 0px;
}
#info_list .left,#info_list .center{
	float:left;
	width:200px;
	margin-right:15px;
}
#info_list .right{
	float:left;
	width:200px;
}
#info_list ul{
	margin-bottom:0px;
}
#info_list li{
	border-bottom:1px dashed #ccc;
	padding:2px;
}
p.pdfnotice{
	border:1px solid #ccc;
	background:#FFFDEC;
	padding:15px;
	font-size:0.8em;
}

/* ---------- bottom link */

#bottomlink li{
	float:left;
	margin:30px 10px 5px 0px;
	padding-left:15px;
	background:url(../img/common/separator_2.gif) no-repeat 2px 3px;
	font-size:0.8em;
}

#bottomlink li a{
	color:#333333;
}
#bottomlink li a:hover{
	color:#779309;
}

/* ---------- mailform */

p.attention{
	border:2px solid #990000;
	color:#990000;
	font-weight:bold;
	text-align:center;
	padding:15px;
}

form{
	clear:both;
}

#column-left form ol{
	list-style:none;
	margin:0;
}

#column-left form ol li{
	margin-bottom:3px;
	/*display:inline-block;*/
	vertical-align:top;
}

form label{
	display:inline-block;
	width:12em;
	text-align:right;
	vertical-align:top;
	margin-right:5px;
}

form .check{
	font-weight:bold;
	color:#0066FF;
}

/* ---------- privacy */

#privacy ul.primary{
	margin-bottom:1em;
}

#privacy ul.primary li{
	background:url(../img/privacy/ic_primary_list.jpg) no-repeat 0 2px;
	padding-left:18px;
}

#privacy ul.secondary{
	margin-bottom:10px;
}

#privacy ul.secondary li{
	background:url(../img/privacy/ic_secondary_list.jpg) no-repeat 0 2px;
	padding-left:18px;
}


/* ---------- sitemap */

ul#sitemap{
	list-style:disc;
	margin-left:2em;
}

ul#sitemap li{
	border-bottom:1px dashed #ccc;
	padding:5px 0px;
}

ul#sitemap h3{
	font-size:1em;
	color:#CC6666;
	margin-top:5px;
}

ul#sitemap h4{
	color:#777;
	margin-top:3px;
}

ul#sitemap ul{
	list-style:circle;
	margin-left:2em;
	font-size:0.8em;
}

ul#sitemap ul li{
	border:none;
	padding:0;
}

/* ---------- table-type */

.table-type-1{
	width:630px;
}

.table-type-1 th{
	background:#99CCFF;
}

.table-type-1 td{
	padding:3px;
	border-bottom:1px dashed #ccc;
}

.table-type-1 td.md{
	white-space:nowrap;
}

.eiyoushi-table td{
	padding:5px 10px;
	text-align:center;
}

/* ---------- question and answer */

.qa_article{
	margin-bottom:1em;
	padding:15px;
	background:#f0f0f0;
}
.qa_article h4.question{
	font-size:15px;
	color:#0099FF;
}
.qa_article h4.answer{
	font-size:15px;
	color:#FF0000;
}
.qa_article td.md{
	padding-right:6px;
	vertical-align:top;
}
#column-left .qa_article p{
	margin:0px;
	padding:0px;
}

/* ---------- pdf_list */

table.pdf_list{
	width:630px;
}

table.pdf_list td{
	background:#f0f0f0;
	width:50%;
	padding:5px;
	font-weight:bold;
}

ul.kenkou_list{
	border-top:1px dashed #ccc;
}

ul.kenkou_list li{
	border-bottom:1px dashed #ccc;
	padding:7px 2px 7px 20px;
	line-height:1em;
	background:url(../img/privacy/ic_primary_list.jpg) no-repeat 0 5px;
}

/* ---------- topics list */

.topics{
	background:#f0f0f0;
	padding:10px;
	margin-bottom:1em;
}

.topics .alpha{
	float:left;	
}
.topics .beta{
	float:right;
	margin: 0 0 10px 10px;
}

#column-left .topics p{
	word-wrap:break-word;
}

#column-left .topics p.time{
	margin:0px;
	color:#999999;
}

/* ---------- totop */

.totop{
	text-align:right;
	clear:both;
	margin-top:5px;
}

.event-table td{
	padding:5px 10px;
	text-align:center;
}
