* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}

body{
 min-width:400px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 font-size: 13px;

 line-height: 100%;
 margin : 0;
 padding: 0;
 background-color:#004E63;

}

div#container{
 position:relative;
 width:100%;
	margin-left:auto;
	margin-right:auto;
 background-color:#003E53;
}

div.center_fix{
	position:relative;
	top:20px;
	width:100%;
	margin-left:6px;
	margin-right:6px;
}

div.margin_1{
 margin : 16px 0;
}
div.margin_2{
 margin : 10px 10px 16px;
}
div.margin_3{
 margin : 10px 30px;
}
div.margin_4{
 margin : 0px 10px;
}

div.margin2{
	margin: 4px 20px;
	padding: 0 0;
}

div.margin_right{
 margin : 16px 0;
 text-align:right;
}



/* TEXT */
p.indent{
	margin: 2px 0;
	padding: 2px 0;
	text-indent:1em;
}

div.space{
 height:60px;
}

div.space_1L{
 height:10px;
}

div.space_10L{
 height:100px;
}

div#copyright{
 position:relative;
 padding: 4px 0;
 width:100%;

 background-color:#004E63;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 font-size:10px;
 font-family: Osaka, Verdana, Arial, Helvetica, sans-serif;
 color:#ddd;
}

div#title{
 position:relative;
 padding: 1px 0;
 width:100%;
 height:20px;
 background-color:#f8f8ff;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 font-size:15px;
 color:#222;
}
/*:::::::::::::::::::::::::::::::::::::*/




div#header{
 position:relative;
 width:100%;
 height:60px;
 background-color:#fff;
 margin-left:auto;
 margin-right:auto;
 background-image:url("./img/header_back.png");
 background-repeat:repeat-x;
}

div#header_left{
 position:absolute;
 top:0;
 left:0;
 width:200px;
 height:60px;
 float:left;
}

div#header_center{
 width:all;
 height:60px;
 text-align:center;
 margin-left:200px;
 margin-right:200px;

}

div#header_right{
 position:absolute;
 top:0;
 right:0;
 width:200px;
 height:60px;
 text-align:right;
}

div#toolbar{
 width:100%;
 height:32px;
 border-bottom:1px solid #ddd;
 background-color:#fff;
 margin-left:auto;
 margin-right:auto;
}



div#content{
 width:all;
 padding: 10px;
 margin-left:200px;
 margin-right:162px;
 background-color:#fff;
 min-height:1230px;
 color:#522;
}

div#contentAdver{
 width:all;
 padding: 10px;
 margin-left:200px;
 margin-right:162px;

 background-image:url("./img/kabe_2095.jpg");
 background-color:#fff;
 min-height:1230px;
 color:#522;
}

div#sidebarA{
 margin:4px;


 padding:2px;
 position:absolute;
 top:0;
 left:0;
 width:188px;
 height:100%;

 background-color:#f8f8f8;
}

div#sidebarB{
 margin:4px;
 border-left:1px solid #ddd;
 
 padding:2px;
 position:absolute;
 top:0;
 right:0;
 width:150px;
 height:100%;
 background-color:#fff;
 text-align:center;
}

div#footer{
 position:relative;
 padding: 10px 0;
 width:100%;
 height:60px;
 background-color:#eee;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 color:#522;
}


div.navigation{
 text-align:center;
}

div.pageSelector{
 clear:both;
 text-align:center;
 margin : 4px;
 font-size:12px;
}

li.float-left{
 float:left;
}

/* メニュー */
div.tool{
 float:left;
 width:200px;
}
p.tool{
 margin : 2px;
 padding:3px;
 border-top:1px solid #aaa;
 border-left:1px solid #aaa;
 border-right:1px solid #aaa;
 border-bottom:1px solid #aaa;

 background: #fff ;
 color: #666;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
}
p.tool:hover,p.tool:active{
 background: #eee ;
}

div.tool_right{
 width:all;
 margin : 0px;
 padding:0px;
 color: #fff;
 font-weight:bold;
 text-align:right;
}
div.tool_etc{
 float:right;
 width:120px;
}


/* 左サイドメニュー*/
div.top_menu_now{
 margin:2px 0px;
 padding:3px;
 border-top:1px solid #aaa;
 border-left:1px solid #aaa;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;

 background: #eee ;

 font-weight:bold;
 text-align:center;
 color:#666;
 text-decoration:none;
}

div.top_menu{
 margin:2px 0px;
 padding:3px;

 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
 border-right:1px solid #aaa;
 border-bottom:1px solid #aaa;

 background: #fff ;
 font-weight:bold;
 text-align:center;
 color:#666;
 text-decoration:none;
}
div.top_menu:hover,div.top_menu:active{
 background: #eee ;
}
a.none_deco{
 text-decoration:none;
}

div.menu_now{
 margin:2px 2px;
 padding:1px 2px;

 border-bottom:1px solid #eee;
 background: #fff0f0 ;
 color:#966;
 text-decoration:none;
 font-weight:bold;

 font-weight:bold;
 text-align:left;
}

div.menu{
 margin:2px 2px;
 padding:1px 2px;

 border-bottom:1px solid #eee;
 background: #fff8f8 ;
 color:#666;
 text-decoration:none;
 font-weight:bold;

 font-weight:bold;
 text-align:left;
}
div.menu:hover,div.menu:active{
 background: #fff0f0 ;
 color:#966;
}


a.left_navi_menu{
 margin : 2px;
 color:#699;
 text-decoration:none;
}
a.left_navi_menu:hover,a.left_navi_menu:active{
 margin : 2px;
 color:#966;
 background-color:#fff0f0;
}


/* ページナビゲータ */
div.pager{

}

span.displayed{
 margin : 2px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:6px;
 padding-right:6px;
 color:#666;
 text-decoration:none;
 border:1px solid #666;
 background: #fff0f0 ;
}

span.displayedNum{
 margin : 2px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:9px;
 padding-right:9px;
 color:#666;
 text-decoration:none;
 border:1px solid #666;
 background: #fff0f0 ;
}
span.skipped{

}

span.pager{
 margin : 2px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:6px;
 padding-right:6px;
 color:#666;
 text-decoration:none;
 border:1px dotted #666;

}

span.skip{
 margin : 2px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:1px;
 padding-right:1px;
 color:#666;
}

a.pager{
 margin : 2px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:6px;
 padding-right:6px;
 color:#666;
 text-decoration:none;
 border:1px solid #666;

}

a.pager:hover,a.pager:active{
 margin : 2px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:6px;
 padding-right:6px;
 color:#900;
 border:1px solid #900;
 background-color:#fff0f0;
}

a.pagerNum{
 margin : 2px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:9px;
 padding-right:9px;
 color:#666;
 text-decoration:none;
 border:1px solid #666;
}

a.pagerNum:hover,a.pagerNum:active{
 margin : 2px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:9px;
 padding-right:9px;
 color:#900;
 border:1px solid #900;
 background-color:#fff0f0;
}

/* footer */
a.footer{
 margin : 2px;
 color:#666;
 text-decoration:none;
}

a.footer:hover,a.footer:active{
 margin : 2px;
 color:#966;
 background-color:#fff0f0;
}

div.centerView{
 clear:both;
 min-width:720px;
 max-width:1000px;
 width:80%;
 margin-left:auto;
 margin-right:auto;
}

div.topCenterView{
 clear:both;
 width:720px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

div.goodsCenterView{
 padding: 10px;
 width:670px;
 margin-left:auto;
 margin-right:auto;
 background-color:#fff;
 text-align:center;
}

div.goodsTopCenter{
 padding: 10px;
 text-align:center;
}

div.goodsComment{
 margin : 10px;
 padding: 10px;
 text-align:left;

}

div.goodsCartBox{
 margin : 20px 0 10px;
 padding: 10px;
 width:600px;
 height:240px;
 background-color:#ffa;

 margin-left:auto;
 margin-right:auto;
}
div.goodsTopLeft{
 float:left;
 padding: 10px;
 width:160px;
}
div.goodsTopRight{
 float:left;
 padding: 10px;
 width:400px;
}

div.goodsCartSubBox{
 margin : 4px 0;
 padding: 4px;
 width:270px;
 height:60px;
 margin-left:auto;
 margin-right:auto;

}
p.goodsCartBox{
	margin : 2px;
	padding:3px;
	color:#555;
	text-align:center;
	font-size: 14px;
	text-align:left;
}

div.goodsViewType_1{
 line-height:1.2em;
 margin : 4px;
 padding: 10px;
 float:left;
 width:28%;
 height:230px;
text-align:left;
}

div.clearView{
 clear:both;
}

div.goodsViewType_0{
 line-height:1.2em;
 margin : 4px;
 padding: 10px;
 float:left;
 width:160px;
 height:180px;
text-align:left;
}
div.goodsViewRight{
 line-height:1.4em;
 margin : 4px;
 padding: 10px;
 overflow:hidden;
 height:160px;
 font-size:15px;
 text-align:left;
}

p.mess001{
 padding: 6px;
 color: #c55;
 font-weight:bold;
 text-align:center;
 font-size:16px;
}

div.searchArea{
 height:24px;
 margin:0;
 width:100%;
 text-align:center;
 background-color:#eee;
 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
 border-right:1px solid #fff;
 border-bottom:1px solid #fff;
 font-size: 12px;

}

div.leftAdver{
 margin : 4px;
 padding: 4px;
 text-align:center;
}
p.leftAdver{
 font-size: 13px;
 font-weight:bold;
 color:#977;

}

div.leftBana{
 margin : 4px;
 padding: 4px;
 text-align:center;
}

div.leftBanaOne{
 margin : 6px;
}

div.rightBanaOne{
 margin : 6px;
}




div.left_1{
 float:left;
 width:310px;
 padding : 10px 4px;
}
div.right_1{
 padding : 10px 4px;
}
div.clear_1{
 clear:both;
 width:100%;
 height:1px;
}

div.left_2{
 float:left;
 width:100px;

 padding : 4px 0;
}
div.right_2{
 padding : 4px 0;
}
div.clear_2{
 clear:both;
 width:100%;
 height:1px;
}

div.left_3{
 float:left;
 padding : 10px 0;
}
div.right_3{
 padding : 10px 0px;
}
div.clear_3{
 clear:both;
 width:100%;
 height:1px;
}


div.left_4{
 float:left;
 width:130px;
 background-color:#fff0f0;

 padding : 4px 0;
}
div.right_4{
 padding : 4px 0;
 width:500px;
 background-color:#fff8f8;
}
div.clear_4{
 clear:both;
 width:100%;
 height:1px;
}

div.left_5{
 float:left;
 width:160px;

 padding : 4px 0;
}
div.right_5{
 padding : 4px 0;
}
div.clear_5{
 clear:both;
 width:100%;
 height:1px;
}

div.left_6{
 float:left;
 width:200px;

 padding : 4px 0;
}
div.right_6{
 padding : 4px 0;
}
div.clear_6{
 clear:both;
 width:100%;
 height:1px;
}

div.left_7{
 float:left;
 width:240px;

 padding : 4px 0;
}
div.right_7{
 padding : 4px 0;
}
div.clear_7{
 clear:both;
 width:100%;
 height:1px;
}

div.left_8{
 float:left;
 width:420px;

 padding : 4px 0;
}
div.right_8{
 padding : 4px 0;
}
div.clear_8{
 clear:both;
 width:100%;
 height:1px;
}

div.left_9{
 float:left;
 width:380px;

 padding : 4px 0;
}
div.right_9{
 padding : 4px 0;
}
div.clear_9{
 clear:both;
 width:100%;
 height:1px;
}





div.scroll2{
 clear:both;
	position:relative;
	top:40px;
	width:all;
}



div.left_left{
 margin : 0;
 padding: 0;
 float:left;
 width:112px;
 text-align:center;
}
div.left_left_wide{
 margin : 0;
 padding: 0;
 float:left;
 width:168px;
 text-align:center;
}
div.right_right{
 margin : 0;
 padding: 0;
 float:right;
 width:112px;
 text-align:center;
}
div.right_right_wide{
 margin : 0;
 padding: 0;
 float:right;
 width:168px;
 text-align:center;
}

div.right_down_fix{
	margin : 8px 2px 2px;
	position:absolute;
	width:300px;
	bottom:0px;
	right:162px;
}
div.right_up_fix{
	margin : 8px 2px;
	position:absolute;
	width:300px;
	top:0px;
	right:162px;
	text-align:center;
}
div.left_down_fix{
	clear:both;
	margin : 8px 2px 2px;
	width:300px;
	position:absolute;
	bottom:0px;
	left:200px;
}
div.left_up_fix{
	margin : 8px 2px;
	width:116px;
	position:absolute;
	top:0px;
	left:200px;
}

div.left_up_fix2{
	margin : 8px 2px;
	width:116px;
	position:absolute;
	top:30px;
	left:200px;
}

p.guide_btn{
	margin : 2px;
	padding:3px;
	background-image:url("./img/grad_112.png");
	background-repeat:repeat-y;
	color:#555;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
p.guide_btn:hover,p.guide_btn:active{
	background-image:url("./img/grad_2_112.png");
	background-repeat:repeat-y;
}

p.guide_wide_btn{
	margin : 2px;
	padding:3px;
	background-image:url("./img/grad_168.png");
	background-repeat:repeat-y;
	color:#555;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
p.guide_wide_btn:hover,p.guide_wide_btn:active{
	background-image:url("./img/grad_2_168.png");
	background-repeat:repeat-y;
}

div.right_up_fix2{
	width:300px;
	margin : 2px;
	padding:3px;
	position:absolute;
	top:34px;
	right:162px;
	color: #522;
	font-weight:bold;
	text-align:right;
}
a.right_up_fix2{
 margin : 2px;
 color:#699;
 text-decoration:none;
}
a.right_up_fix2:hover,a.right_up_fix:active{
 margin : 2px;
 color:#966;
 background-color:#fff0f0;
}

.list1{
	margin: 0 10px;
	padding: 0 10px;
	list-style-type:disc;
}

.list2{
	margin: 0 30px;
	padding: 0 10px;
	list-style-type:disc;
}

div.hi1{
	height:600px;
}

dt.inline{
	display:inline;
}
dd.inline{
	margin-left:6em;
}

/* FONT */

.font1{
	font-size:16px;
	font-weight:900;
	margin:2px 0;
}
.font2{
	color:#000;
	font-size:15px;
	font-weight:900;
	margin:2px 0;
}
.font3{
	color:#000;
	font-size:13px;
	font-weight:900;
}
.font4{
	color:#000;
	font-size:15px;
	font-weight:900;
	margin:12px 0;
}

.font5{
	color:#000;
	font-size:15px;
	font-weight:900;
	margin:6px 0;
}


p.margin1{
	margin: 2px 0;
	padding: 2px 0;
}
p.margin2{
	margin: 4px 20px;
	padding: 0 0;
}
p.margin3{
	margin: 0px 40px;
	padding: 0 0;
}
p.margin4{
	margin: 0 50px;
	padding: 0 0;
}
p.margin5{
	margin: 2px 0px;
	padding: 0 0px;
}
p.margin6{
	margin: 10px 0px;
	padding: 0 0px;
}
p.margin7{
	margin: 30px 0px;
	padding: 0 0px;
}

p.margin8{
	margin: 8px 20px;
	padding: 0 0;
}


a.menu{
 margin : 10px 0;
 color:#666;
 text-decoration:none;
 font-weight:bold;
}
a.menu:hover,a.menu:active{
 margin : 10px 0;
 color:#669;
 background-color:#ffe0e0;
 font-weight:bold;
}

a.menu_{
 margin : 10px 0;
 color:#666;
 text-decoration:underline;
 font-weight:bold;
}
a.menu_:hover,a.menu_:active{
 margin : 10px 0;
 color:#669;
 background-color:#ffe0e0;
 font-weight:bold;
}


div.search_message{
 margin : 2px;
 padding: 8px;
 position:relative;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 width:300px;
 border-top:1px solid #e00;
 border-left:1px solid #e00;
 border-right:1px solid #e00;
 border-bottom:1px solid #e00;

 background-color:#ffe0e0;
 font-weight:bold;
}

p.search_message_button{
 color:#e00;
 border-top:1px solid #fff;
 border-left:1px solid #fff;
 border-right:1px solid #dbb;
 border-bottom:1px solid #dbb;
}

div.leftLinkArea{
	margin : 8px 2px 10px;
	padding: 0 0 10px;
	position:absolute;
	bottom:0px;
	left:36px;
	text-align:center;
}


p.link_menu_now{
 margin:2px 0px;
 padding:3px;

 border-top:1px solid #aaa;
 border-left:1px solid #aaa;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;

 background: #eee ;

 font-weight:bold;
 text-align:center;
 color:#666;
 text-decoration:none;
}

p.link_menu{
 padding:3px 20px;

 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
 border-right:1px solid #aaa;
 border-bottom:1px solid #aaa;

 background: #fff ;
 color:#666;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
}
p.link_menu:hover,p.link_menu:active{
 background: #eee ;
}

div.rightLinkArea{
	margin : 8px 0px 10px;
	padding: 0 0 10px;

	position:absolute;
	bottom:0px;
	right:0px;
	text-align:center;
	width:150px;
}
div.rightLinkInner{
	margin-left:auto;
	margin-right:auto;
}

.shadow{
 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#dddddd,offx=6,offy=6,positive=1)
}

a{
 text-decoration:none;
 color: #888;
 color:#522;

}

div.selectKindArea{
 margin : 0px 10px 10px;
 padding: 0 4px 4px;
 position:relative;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 font-weight:bold;
 color:#8b0000;

}

.label{
 border:1px solid #8b0000;
 min-width:300px;
}

.label:hover,.label:active{
 background-color:#fff8f8;

}