@charset 'utf-8';

body {
	font-family: "ＭＳ Ｐゴシック", "Osaka","ヒラギノ角ゴ Pro W3", sans-serif;
	background-color: #009eda;
	color: #333;
	font-size: 62.5%;
	line-height:1.4;
	text-align:center;
	background-image: url(../img/bg_site.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#hokuo-kan, table, h1, h2, h3, h4, h5, h6, input, textarea {
	font-size: 1.4em;
}
body, div, h1, h2, h3, h4, h5, h6, p, address, dl, dt, dd, ul, ol, li, img {
	margin: 0;
	padding: 0;
	border: none;
}
/* リンク色 */
a:link, 
a:visited, 
a:hover, 
a:active {
	color: #0088e7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;}

ol,ul,li {
	list-style:none;
	text-decoration:none;
}

#hokuo-kan {
	width:700px;
	margin:auto;
	text-align:center;
	background-color: #fff;
}

#header {
	width:700px;
	height:60px;
	border-bottom:3px #009eda solid;
	padding: 10px 0 10px 0;
	text-align:left;
	margin-bottom:10px;
	text-align:left;
}

#header p {
	float:left;
}

#header ul {
	float:right;
	padding-top:40px;
}

#header li {
	float:left;
	/*font-size:11px;*/
	background:url(../img/mark.gif) no-repeat left ;
	background-repeat:no-repeat;
	padding:1px 5px 0px 15px;
	line-height:115%;
}

#footer {
	width:700px;
	text-align:center;
	margin-top:20px;
	background:url(../img/bg_footer.gif) left bottom no-repeat;
	background-color: #FFFFFF;
}
#concept {
	border:#009EDA 1px solid;
	width:646px;
	margin:20px auto;
	/*font-size:14px;*/
	text-align:left;
	background:url(../img/bg_camp.jpg) left top no-repeat;
}
#concept_campaign {
	border:#dedede 1px solid;
	width:646px;
	background-color:#009EDA;
	margin:20px auto;
	/*font-size:14px;*/
	text-align:left;
}

#conceptInner {
	/*font-size:78%;*/
	/*background:url(../img/bg_headline.gif) left top no-repeat;*/
	padding:10px 0;
}
#concept .text {
	width:400px;
	float:left;
	padding:0 0 0 34px;
	/*_width: 454px;*/
}

#concept .img {
	width:180px;
	float:right;
	padding-right:15px;
}
#News {
	/*font-size:78%;*/
	width:604px;
	margin:0 auto;
	background:url(../img/bg_news.gif) left top repeat-y;
	text-align:left;
}
#NewsInner {
	background:url(../img/bg_new-bottom.gif) left bottom no-repeat;
	padding:0 0 30px 0;
}
#News dl {
	margin:0 15px;
	padding:5px 0;
	border-bottom:1px dotted #b0a5a5;
}
#News dl.BDGreen {
	border-bottom:1px solid #90ba56;
}

#News dt,
#News dd {
	float:left;
}
#News dt {
	width:92px;
	text-align:center;
}
#News dd.symbol {
	margin:0 11px 0 0;
}


#goods {
	width:652px;
	background:url(../img/bg_goods.gif) left top no-repeat;
	margin:20px 0 0 19px;
	text-align:left;
}

#goods .GoodsList {
	margin:0 0 0 62px;
	padding:0 0 20px 0;
	/*font-size:78%;*/
}
#goods .GoodsList dl {
	float:left;
	width:126px;
	margin:0 15px 0 0;
}
#goods h3 {
	margin:0 0 5px 0;
}

#Shop {
	/*font-size:78%;*/
	width:641px;
	margin:0 auto;
	text-align:left;
}
#Shop h3 {
	/*font-size:14px;*/
	font-weight:bold;
	background-image:url(../img/mark_logo.gif);
	background-repeat:no-repeat;
	padding: 2px 0 5px 30px;
	border-bottom:1px #009eda solid;
	margin:20px 0 10px 0;
}
#Shop dt {
	float:left;
	display:inline;
	margin:0 15px 0 0;
}


#campaign {
background-color:#00A2E2;
margin:0 auto;
text-align:center;}

#campaign .campaign_para{
padding:20px;
text-align:left;
font-weight:bold;
color:#000066;
font-size:12px;
}
#campaign .campaign_box2{
width:165px;
float:left;
padding-right:15px;}
#campaign .campaign_box3{
width:165px;
float:left;
padding-right:10px;}
#campaign dd{
font-size:12px;
width:147px;
text-align:left;}
#campaign p{
font-size:12px;
text-align:left;}
#campaign li{
float:left;
width:155px;
padding-right:5px;}
#campaign ul{
margin-left:35px;
padding:10px;}


.blue_cam{
color:#55A0FF;}

.blue_cam_specioul{
color:#55A0FF;
font-size:17px;
}

#campaign .campaign_inner{
background-color:#fff;
width:586px;
text-align:center;
margin:0 auto 50px auto;
}

#campaign .campaign_box{
background-color:#FFE9B7;
width:550px;
margin:0 auto;
text-align:center;
padding:10px 0 20px 0;}

#campaign .left_campaign{
float:left;
width:270px;
padding-right:10px;
}
#campaign .campaign_under{
width:554px;
margin:0 auto;
text-align:center;
padding-top:20px;
}
#campaign .right_campaign{
float:left;
width:270px;}

#karasuma {
	width:630px;
	margin:20px auto;
}
#karasuma p {
	float:left;
	/*font-size:12px;*/
	padding-left:10px;
}

#karasuma p.btn {
	width:430px;
	margin-top:5px;
	text-align:right;
}
/*.font10 {
	font-size:10px;
}
*/
div.hr {
	border-top:1px dotted #7c6f6f;
	height:1px;
	width:616px;
	margin:18px auto;
}
div.hr hr {
	display:none;
}


/* clearfix */
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix{
  overflow:hidden;
}

/* Hides from IE-mac \*/

* html .clearfix{
  height:1%;
  overflow:visible;
}

/* End hide from IE-mac */