﻿.cw-cf:after {
    content: "";
    display: block;
    clear: both;
}

.cw-cf{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .cw-cf {height: 1% ;}
.cw-cf {display: block ;}
/* End hide from IE-mac */


body{
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url(../i/common_bg.gif) repeat-y center #000;
	font-family: "ＭＳ Ｐゴシック", "メイリオ","ヒラギノ角ゴ Pro W3", Osaka;
}

#wrapper{
	width:880px;
	margin:0 auto;
	text-align:center;
	padding:0;
	background:#000 url(../i/common_logo_bg.jpg) top left no-repeat;
}
/*
body>#wrapper {
	height:auto;
}

#body{
	width:880px;
	height:100%;
	background-color:#ff66ff;
}*/


#logo{
	float:left;
	display:inline;
	margin:0; padding:0;
	text-align: left;
	width:120px;
	height:100%;
}

#logo h1 img{
	position:absolute;
	margin-top:360px;
	margin-left:40px;
	padding:0;

}

/*IE7以外
--------------------------------------------------------------------*/

html>/**/body #logo h1 img{
	margin-top:335px;
	margin-left:40px;
	padding:0;

}

*html #logo h1 img{
	margin-top:335px;
	margin-left:40px;
	padding:0;

}

/*IE7以外ここまで
--------------------------------------------------------------------*/

#logo p {
	margin:0;
	padding: 0;
}
#box{
	background-color:#000;
	min-height:100%;
	height:100%;
	width:880px;
	text-align:center;
	margin:0 auto;
	margin-top:0;
}
#main{
	height:100%;
	text-align:center;
	margin:0 auto; padding:0;
	margin-top:0;
	width:880px;
}
#mainContents{
	width:755px;
	margin:0;
	padding:0;
	}
/*IE hack*/
		*html #mainContents{
		width:760px;
		margin-right:0;
		padding-right:0;
		border-left:solid 3px #5f543b;
		
		}
/*IE hack ここまで*/



/*見出し
--------------------------------------------------------------------*/

h3{
margin:3px 0 0 0; padding:0;
text-align:center;
		}

div#header{
	width:760px;
	height:160px;
	background-color:#26337e;
	color:#404040;
	background: url(../i/common_header_bg.jpg) right top no-repeat;
	margin:0; padding:0;
	float:right;
	display:inline;
}
#header ul{
	padding:5px 0;
	margin:0  0 0;
	text-align:right;
	font:12pt "小塚ゴシック Pro";
}
#header li{
	display:inline;
	list-style:none;	
}
#header ul#globalNav{
	float:right;
	display:inline;
	width:625px;
	margin:5px 0 0 136px;
	text-align:right;
	font:12pt "小塚ゴシック Pro";
	height:35px;
	padding:0;
}

/*IE*/
*html #header ul#globalNav{
	margin-left:120px;
  margin-right:0;
	padding-left:15px;
	width:640px;
	height:35px;
	}
/*IE*/

#header ul#globalNav li{
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul#globalNav li img{
	list-style:none;
	margin:0;
	padding:0;
}
#header li.phone{
	font-size:20pt;
}

.tel {
	margin:0px 20px 10px 0;
	padding:10px 0 0 0;
	text-align: right;
}

.tel1 {
	color: #FFFFFF;
	font-size: 12px;
	position: relative;
	top: -5px;
}

.tel2{
	color: #FFFFFF;
	font-size: 26px;
	margin: 0 0 0 10px;
}


#board{
	width:764px;
	height:290px;
	margin:0; padding:0;
	float:right;
	display:inline;
}

#board img {
	vertical-align: bottom;
}

#contents{
	float:right;
	display:inline;
	padding:0px;
	margin:0;
	width:757px;
	background:url(../i/common_contents_bg.jpg) top no-repeat #fff;
	height:100%;
	border-left:solid 3px #5f543b;
}

/*IE hack*/
	*html #contents{
		width:655px;
		padding-right:0px;
		margin-right:0;
		border:none;
		}

/*IE hack ここまで*/


#left{
	float:left;
	display:inline;
	width:203px;
	margin:0; padding:0;
	text-align:center;
	border-left: 3px solid #98804b;
	background:url(../i/common_menu_bg.gif) repeat-y center;
}


			
#search{
	width:200px;
	margin:0 auto;
	padding:0;

}
#cago{
	width:200px;
	margin:0 auto;
	padding:0;
}


#support{
	border:1px solid #eeeeee;
	margin:0 auto;
	padding:10px 0;
	width:180px;
	text-align:center;
}




#left img{
	border:none;
	text-decoration:none;
}
#left p{
	font-size:10pt;	
	padding:0 0 0 5px;
}

#right{
	float:right;
	display:inline;
	width:545px;
	text-align:left;
	padding:0; margin-right:10px;

}

*html #right{
	margin-right:5px;
	}


#search input {
    margin-top: 10px;
}

#loginbox input{
	vertical-align: middle;
}

#loginbox input#logInButton {
	position: relative;
}
#news{
	width:530px;
	background-color:#fff;
}
#news dl{
	width:540px;
	background-color:#fff;
	font:12pt "MSゴシック";
}
#news dt{
	float:left;
	width:80px;
	background-color:#fff;
	font:10pt "MSゴシック";
	padding:0 0 0 10px;
	clear:both;
}
#news dd{
	width:410px;
	margin-left:90px;
	padding:0 10px 0 20px;
	background-color:#fff;
	font:10pt "MSゴシック";
	border-left:5px solid #000;
	text:align:left;
}
hr{
	color:#eae6e3;
}
#banner{
	width:550px;
	background-color:#fff;
	padding:0;
	margin:10px 0 10px 0;
	text-align:center;
}
#bannerOsusume{
	width:550px;
	background-color:#fff;
	padding:0;
	margin:10px 0 10px 0;
	text-align:center;
}
	#banner img{
		padding:0;
		margin:0;
		vertical-align:middle;
		}

#footer{
	clear:both;
	text-align: center;
	margin:0 auto;
	background:#fff;
	width:880px;
	height:220px;
	border-top: 3px solid #98804b;
	overflow:hidden;
}

#footer2 {
	width:765px;
	margin: 0 15px 0 20px;
	padding: 10px 0 0 0;
}


.right {
	text-align: right;
}


#cago2 {
	width:180px;
	margin:10px;
	padding:0;
}

#cago2 p  {
	font-size: 13px;
	line-height: 1.5em;
	padding:0;
	margin:0;
}

.total {
	color: #FF0000;
	font-size: 8px;
	text-align: right;
	font-weight:bold;
}

#cago_in {
	background:url("../i/bg_cago.jpg") repeat-x center center;
	border: 1px #CCCCCC solid;
	width:560px;
	height: 70px;
	margin: 15px 0 30px 0;
}

#cago_in p,#detail p{
	color: #555555;
	font-size: 13px;
	line-height: 1.5em;
	padding:0;
	margin:0;
}

	.cago_right {
	width: 190px;
	float: right;
	padding:20px 0 0 0;
	margin:0;
	}

	.cago_left {
	width: 370px;
	float: left;
	padding:0;
	margin:0;
	}

	.cago_left2 {
	padding:0;
	margin:10px;
	}
/*買い物かご
--------------------------------------------------------------------*/
	ul.basket{
		list-style:none;
		font-size:80%;
		padding:0px 5px 0 5px;		margin:0;
		line-height:2em;
		}
			ul.basket li{
				border-bottom:1px solid #c0c0c0;
				padding-left:10px;
				text-align:left;
				}
				

.total {
	color: #8f0101;
	font-size: 80%;
	text-align: right;
	margin-right:10px;
}

.center{
	text-align:center;
}
.red {
	color: #D95060;
}

.brown {
	color: #BA7029;
	font-weight: bold;
	font-size:90%;
	line-height: 1em;
}

.b {
	color: #444444;
	font-weight: bold;
}

.font10 {
	font-size: 10px;
	line-height: 2em;
}

.font14 {
	font-size:90%;
}

a img{
	border:0;
	text-decoration:none;
}
.middle{
vertical-align: middle;

}

/*syouhin ------------------------------------------*/
#sasakama {
	margin:0;
	padding:0 0 0 5px;
}
#sasakama dl{
	width:570px;
	background-color:#fff;
	font:10pt "MSゴシック";
	margin:0;
	padding:0;
}
#sasakama dt{
	float:left;
	width:175px;
	heght:130px
	background-color:#fff;
	padding:0 0 0 10px;
	clear:both;

}
#sasakama dd.discription{
	width:360px;
	margin-left:185px;
	padding:0 10px 0 10px;
	background-color:#fff;
	font:9pt "MSゴシック";
	text:align:left;
	line-height:130%;
	border-bottom:1px dotted #cccccc;
}
#sasakama dd.kakaku{
	width:360px;
	margin-left:185px;
	padding:5px 10px;
	background-color:#fff;
	font:size:16px;	
	font-weight:bold;
	color: #bf6d21;
}
#sasakama dd img{
	padding:5px 10px;
}

/* 08/10/21 k.sato wrote */

div#support {
    margin-bottom: 15px;
}

div#otherMenu {
    margin-top: 10px;
    margin-bottom: 15px;
}

ul#otherMenuList{
    margin: 0px;
    margin-left: 11px;
    padding: 0px;
    list-style: none;
    text-align: left;
    font-size: 12px;
}

ul#otherMenuList li {
    margin-right: 11px;
    padding: 5px 8px;
    background-color: #DCE4F8;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #FFF;
}

ul#otherMenuList li a {
    color: #002480;
    text-decoration: none;
}

ul#otherMenuList li a:hover {
    color: #4265BE;
    text-decoration: none;
}

div#myPage {
    margin-top: 5px;
}

/*footer nav
--------------------------------------------------------------------*/

	div.footerNav{
	width:800px;
	margin:0 auto;
	padding-top:5px;
	text-align:left;

}

	ol{
	margin-bottom:5px; 
	}

	.footer-nav-inline {
  text-align:center;
  margin:15px 10px 0px; padding:0px;
  font-size:80%;
}
	.footer-nav-inline li {
  display:inline;
  margin:0px; padding:0px 0px 20px 10px;
  list-style-type:none;
  background-image:url(../i/common_footer_list.gif);
  background-repeat:no-repeat;
}
	.footer-nav-inline li.home {
  display:inline;
  margin:0px; padding:0px;
  list-style-type:none;
  background-image:url("no.gif");
}

/*フッター下層リンク
--------------------------------------------------------------------*/
	.footer-nav-inline-under {
  text-align:center;
  margin:15px 10px 0px; padding:0px;
  font-size:70%;
  line-height:1.5em;
}
		.footer-nav-inline-under li {
  display:inline;
  margin:0px; padding:0px 0px 20px 10px;
  list-style-type:none;
  background-image:url(../i/common_footer_list.gif);
  background-repeat:no-repeat;
}
		.footer-nav-inline-under li.home {
  display:inline;
  margin:0px; padding:0px;
  list-style-type:none;
  background-image:url("no.gif");
}

	.address{
	margin-top:10px;
}


/*共通
--------------------------------------------------------------------*/
p{
	text-align:left;
	color:#404040;
	}
.marginTop{
	margin-top:10px;
	}
	
.marginLeft{
	margin-left:5px;
	}
.marginRight{
	margin-right:5px;
	}
	
.marginBottom{
	margin-bottom:30px;
	}
	
.center{
	text-align:center;
	}
p.pageTop{
	text-align:right;
	padding:10px;
	}	
p.returnPageTop{
	text-align:right;
	padding:10px;
	background: url(../i/story_line.gif) bottom no-repeat;
	}

p.return{
	text-align:left;
	margin:10px 0 20px 90px;
	}
p.returnBtn{
	text-align:left;
	margin:10px 0 20px 0px;
	}

img.middle{
	vertical-align:middle;
	}

span.red{
	color:red;
	}
	
/*リンクの色
--------------------------------------------------------------------*/
a{
	color:#536a9a;
	}
	a:hover{
		color:#256dff;
		}
/*パンくずリスト
--------------------------------------------------------------------*/

div.topicpath{
	clear:both;
	padding-top:20px;
	}


ol{
	margin-bottom:15px;
	padding-top:30px;
	}

ol.pan-list-inline {
  width:620px;
  text-align:left;
  margin:0 0 0 130px;
  padding:0 0 0;
  font-size:80%;
}
ol.pan-list-inline li {
  display:inline;
  margin:0px; padding:0px 0px 0px 13px;
  margin-top:30px;
  list-style-type:none;
  background-image:url(../i/topicpath_arrow2.gif);
  background-repeat:no-repeat;
  font-family:"ＭＳ ゴシック", "Osaka－等幅";
}
ol.pan-list-inline li.home {
  display:inline;
  margin:0px; padding:0px;
  list-style-type:none;
  background-image:url("no.gif")
}