@charset "Shift_JIS";
/*�Č����F�ŏI�X�V�ҁ|gaohui 2014/08/01 */

*{line-height:130%;}
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #333;
	font-size: 100%;
	text-align : center;
	}

img,table {
	border: 0;
	}
	
h1,h2,h3,h4,h5,p,form,input {
	margin: 0;
	padding: 0;
	}

li{list-style-type:none;}	
.sp {display: none!important;}
	
/*�t�H���g*/
.bold{
	font-weight:bold;
}

.red{
	color:#f14242;
	font-weight: bold;
}

/*�����N*/
a img {
	border	:none;
	}
a:hover img {
	border	:none;
	}
	
	
/*--------------------------------------------
�p������
--------------------------------------------*/

#mainContents{font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','�q���M�m�p�S ProN W3',Meiryo,���C���I,sans-serif; padding-bottom:30px; clear:both;}

#mainContents .totop{text-align:right; font-size:78%; padding-top:10px; padding-bottom:10px;}
#mainContents .totop a:link,#mainContents .totop a:visited{color:#203ad3;}
#mainContents .totop a:hover{color:#203ad3; text-decoration:none;}
.link{/* font-size:78%; */ padding-top:10px; padding-bottom:10px;text-align: right;}
#mainContents .link a:link,#mainContents .link a:visited{color:#203ad3;}
#mainContents .link a:hover{color:#203ad3; text-decoration:none;}


/* ----- pageBtn -----*/
.pageBtn{
	margin-bottom: 15px;
}

.pageBtn p.btn1{
	width: 600px;
	margin: 0 auto;
}
.pageBtn p.btn1 a{
	display: block;
	height: 44px;
	text-align: center;
}

.pageBtn ul{
	width: 950px;
}
.pageBtn ul:after{
	display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em;
}
.pageBtn ul li{
	float: left;
	list-style-type: none;
	text-align: center;
}
.pageBtn ul.btn3 li{ width: 312px; margin-left: 7px; margin-bottom:5px;}

.pageBtn ul li.first{
	margin-left: 0;
}

.pageBtn ul li a{
	display: block;
	font-size: 88%;
	height: 44px;
}
.pageBtn ul li em{
	display: block;
	height: 44px;
	font-style: normal;
	font-weight: bold;
}

.pageBtn a, #contentsArea .pageBtn em {
	line-height: 44px;
	font-size: 100%;
	color: #367aeb;
	font-weight: bold;
	background: #f8fbff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 3px solid #367aeb;
	background-color: #f8fbff; 
	
}

.pageBtn a {
	position:relative;
	color: #367aeb;
	background-color: #f8fbff;
}
.pageBtn a:hover {
	color: #FFF;
	background-color: #367aeb; text-decoration:none;
	}

:root * > .pageBtn li a:after {
    border-right: 3px solid #367aeb;
    border-top: 3px solid #367aeb;
    content: "";
    display: block;
    height: 7px;
    margin-top: -7px;
    position: absolute;
    right: 7px;
    top: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
}


.border{width:936px; border: 3px solid #367AEB; margin:0 auto; padding:6px; margin-bottom:6px;}
.waku1{padding-left:10px; position:relative; padding-top:28px; width:938px; border: 3px solid #367AEB; margin:0 auto; margin-bottom:6px;}
.waku1 p{padding-left:227px; padding-bottom:20px; /* font-size:78%; */}
.waku2{padding-left:10px; position:relative; padding-top:19px; width:938px; border: 3px solid #367AEB; margin:0 auto; margin-bottom:6px;}
.waku2 p{padding-left:136px; padding-bottom:20px; /* font-size:78%; */}
.waku3{padding-left:10px; position:relative; padding-top:15px; width:938px; border: 3px solid #367AEB; margin:0 auto; margin-bottom:6px;}
.waku3 p{padding-left:142px; padding-bottom:17px; /* font-size:78%; */}
.waku4{padding-left:10px; position:relative; padding-top:15px; width: 935px; border: 3px solid #367AEB; margin:0 auto; margin-bottom:6px;}
.waku4 p{padding-left:99px; padding-bottom:24px; padding-top:6px; /* font-size:78%; */}
.waku5{padding-left:10px; position:relative; padding-top:10px; width:938px; border: 3px solid #367AEB; margin:0 auto; margin-bottom:6px; height:60px;}
.waku5 p{padding-left:78px; padding-top:13px; /* font-size:78%; */}
.waku6{padding-left:10px; position:relative; padding-top:10px; width: 935px; border: 3px solid #367AEB; margin:0 auto; margin-bottom:6px; padding-bottom:10px; /* font-size: 88%; */line-height: 153%;/* background-color: #EFF3FE; */color: #367AEB;font-weight: bold;}
span.blue{color:#132eb6; font-size: 110%;}
.pt1{position:absolute; left:154px; top:10px;}
.pr1{position:absolute; left:13px; top:26px;}
.pr2{position:absolute; left:13px; top:16px;}
.border2{width:936px;/* border:1px solid #ddeaff;*/}
.border2 h2{padding-bottom:10px;}
.text{/* font-size:78%; */ color:#383838; padding-left:14px; padding-bottom:20px;}
.textDl{padding-left:14px; padding-bottom:20px; color:#383838;}
.textDl dt{/* font-size:86%; */ font-weight:bold; padding-bottom:2px;}
.textDl dd{/* font-size: 88%; */ padding-bottom: 2px;/* margin-top: 5px; */}
.border2 a:link,.border2 a:visted{color:#203ad3; text-decoration:underline;}
.border2 a:hover{color:#203ad3; text-decoration:none;}
.mt5{margin-top:5px;}
.center{text-align:center;}
.text2b{/* font-size:88%; */ color:#f02626;}

.list1{width: 680px; background:#9bbb5a;}
.list1Tit{background:#d7e4bd;border: solid 1px #91A46C;}
.list1Tit td{ text-align:center;}
.list1 td{height:24px;}
.list1td td{background:#f1f5e8; padding-left:20px;border: 1px solid #91A46C;}
.list1Tit td {    border: 1px solid #91A46C;
}

.list2{background:#e5a60e; width:100%;font-size: 14px;}
.list2 td,.list2 th{height:24px;  text-align: left; border: 1px solid #E19D00;}
.list2Tit{background: #FFE9B5;  font-weight: normal;}
.list2Tit th{ font-weight: normal; padding: 8px; text-align: center;}
.list2td td{background:#ffffff; height:44px; padding:8px;}
.center {text-align: center!important;}
.subTtl{display: block; margin: 8px 0;}

.shopUl{padding-top:12px; padding-bottom:30px;}
.shopUl li{float:left; width:144px; margin-right:7px; border-radius:15px; border:1px solid #d1d1d1; text-align:center; height:86px;}
.shopUl li img{padding-bottom:12px;}
.lawsonLi{padding-top:31px;}
.famiLi{padding:19px 0 12px 0;}
.seicoLi{padding:20px 0 11px 0;}
.sunkusLi{padding:16px 0 15px 0;}
.dailyLi{padding:10px 0 21px 0;}
.miniLi{padding:10px 0 21px 0;}

#p4{position:relative;}
#p4 .point{position:absolute; left:733px; top:60px;}

.ul1{padding-left:14px;}
.ul1div{width:870px; padding:15px; background:#e9f7ff; border-radius:15px; margin-bottom:22px;}
.ul1div img{padding-right:20px; float:left;}
.hang1{padding-top:70px;}
.hang2{padding-top:62px;}
.hang3{padding-top:54px;}
.hang4{padding-top:45px;}
.hang5{padding-top:75px;}
.yajirushi{padding-bottom:21px; padding-left:87px;}
.text2{width:420px; padding-left:14px; padding-right:15px; /* font-size:78%; */ color:#383838; float:left;}
.text3{float:left; font-size:78%; color:#383838; text-align:center; padding-bottom:20px;}
.img1{float:left; padding-left:6px; padding-bottom:20px;}

/* -----  -----*/

#mainContents h1{/* background-color: #0B318F; */ /* color:#FFF; */ /* text-align:left; */ /* padding:10px; */ /* font-size: 130%; *//* border: 3px solid #0B318F; */}
#mainContents h2{background-color: #367AEB; color: #FFF; text-align:left; padding:10px; font-size: 110%; margin-bottom:20px;}
.border2{/*background-color:#E8F3FF;*/}
.shopUl li{background-color:#FFF;}
.waku6{margin-bottom:20px;}


#widewrapper .pagetop {
    clear: both;
    font-size: 82%;
    text-align: right;
    width: 950px;
}


/* -----  -----*/

#mainContents #greenh1{background-color:#FFF; text-align:center;}
.greenBK{background-color:#427616; color:#FFF; padding:10px 0 10px 10px; font-weight:bolder; margin-bottom:10px;}
.greenbox{border:1px solid #437617; border-radius:5px; padding:10px; margin-bottom:10px;}
.greenbox section{overflow:hidden; padding-bottom:20px; border-bottom:1px dotted #666666; margin-bottom:20px;}
#mainContents h1.green{color:#427616; font-weight:bolder; font-size:15px; background-color:#FFF; padding:0px; margin-bottom:10px;}
.greenbox section p,.greenbox section img{float:left; display:block; margin-left:15px;}
.greenbox section p{font-size:12px; width:550px;}
.greenbox section img{width:330px; text-align:center;}
.greenbox section span{color:#F00;}
section#last{border:none; margin-bottom:0px;}
.greenbox section#last p{width:100%;}
ul.shopUl {
    font-size: 78%;
}
img.sp {
    display: none;
}

.mb30{ margin-bottom: 30px;}