@charset "UTF-8";

@import"reset.css";
@import"basic.css";
@import"width.css";
@import"heading.css";
@import"information.css";
@import"icon.css";


/* ブラウザの初期値をクリア
............................................................... */
body,div,p,span,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
address,ul,ol,li,
table,caption,th,td,img,form{
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	text-align:left;
	list-style:none;
	list-style-type:none;
	vertical-align:middle;
}

textarea{
	font-size:100%;
}

img{
	border:none;
	vertical-align:bottom;
}

hr{
	display:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{ 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

caption,th{
	text-align:left;
}

/* フォントの指定
............................................................... */
html,body{
	font-family:'Arial','Tahoma',sans-serif ;
	font-size:16px;
}


/* Safari のレイアウト
............................................................... */
html*{
	margin:0;
	padding:0;
}

/* スクロールバー for FireFox & Opera
............................................................... */
html{
	min-height:100%;
	height:auto !important;
	height:auto;
	margin-bottom:1px;
}

/* リンクスタイル
............................................................... */
a:link{
	border:none;
	text-decoration:none;
	color:#003366;
}

a:active{
	border:none;
	text-decoration:none;
	color:#F00;
}

a:visited{
	border:none;
	text-decoration:none;
	color:#003366;
}

a:hover{
	border:none;
	text-decoration:underline;
	color:#F60;
}



/* 全体設定
............................................................... */
body{
	min-width: 1024px;
	min-height:100%;
	height:100% !important;
	height:100%;
	font:100%;
	-webkit-text-size-adjust:none;
	background:#fff;
	text-align:center;
	color:#000;

	/* 背景画像 */
/*	background-image:url("images/bg/0.jpg");*/
	background-color:#ffffff;
/*	background-attachment:fixed;*/
	background-position:top center;
/*	background-size:cover;*/
	background-repeat:no-repeat;
}
#container{
	margin:0 auto;
	width:1024px;
	min-height:100%;
	height:100% !important;
	height:100%;
	background:#FFF;
	text-align:left;
	position:relative;
	background:none;
}
.clearfloat{
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

#maincontents{
	width:810px;
	margin:0 auto;
	padding:0;
	float:left;
}
#products{
	width:605px;
	margin:5px auto;
	float:left;
}

/* 色、太さ
............................................................... */

.red{
	color:red;
}
.blue{
	color:blue;
}
.orange{
	color:orange;
}
.bold{
	font-weight:bold;
}


/* ヘッダ部分
............................................................... */

#header{
	background-image:url(../images/parts/header_back.gif);
	background-repeat:no-repeat;
	width:1024px;
	height:100px;
}
#header .headerbanner{
	margin:3px 0 0;
	padding-right:9px;
	float:right;
	height:60px;
	width:470px;
	overflow:hidden;
}
#header h1{
	margin:0;
	padding:5px 0 0 20px;
	width:400px;
	height:10px;
	display:block;
	font-size:50%;
	color:#666;
	overflow:hidden;
}
#header .toppage{
	margin-top:10px;
	margin-left:10px;
	width:222px;
	height:67px;
	display:block;
	float:left;
}
#header .searchbox{
	margin:3px 0 0 176px;
	display:block;
	float:left;
	width:610px;
}
#header .searchbox span{
	display:block;
	float:left;
}
#header form{
	height:35px;
	width:290px;
	float:left;
}
#header .search_form{
	margin-top:3px;
	margin-left:2px;
	width:210px;
	height:1.7em;
	display:block;
	float:left;
	border:1px solid #0066CC;
}
#header .search_btn{
	margin-top:2px;
	margin-left:3px;
	float:left;
	height:24px;
	width:60px;
	float:left;
	background-color:#CCCCCC;
	color:#333333;
	font-weight:normal;
	border-top-color:#DDDDDD;
	border-right-color:#BBBBBB;
	border-bottom-color:#BBBBBB;
	border-left-color:#DDDDDD;
	border-style:ridge;
	display:block;
}
#header .cart_btn{
	margin:0 1px;
	display:block;
	float:left;
}
.header_info{
	margin:3px auto 1px;
	padding:0 0 2px 2px;
	background-color:#EEEEEE;
	width:590px;
	height:17px;
	font-size:90%;
}
.contents_attention{
	margin:3px auto 1px;
	padding:0 0 2px 2px;
	background-color:#EEEEEE;
	width:590px;
	height:17px;
	font-size:90%;
}
.contents_attention dt{
}
.contents_attention dt .updatedate{
	color:red;
	font-size:80%;
}
.contents_attention dd{
	font-weight:lighter;
	padding-left:10px;
}


/*
#header_left{
	float:left;
	width:400px;
}
#header_right{
	float:right;
	width:585px;
}
#header_left h1{
	margin:0;
	padding:5px 0 0 20px;
	height:10px;
	font-size:50%;
	color:#666;
	overflow:hidden;
}
#header_left .toppage{
	margin-top:25px;
	margin-left:20px;
	width:230px;
	height:65px;
}
#header_right .login{
	margin-top:5px;
	float:left;
	width:90px;
	height:70px;
}
#header_right .headerbanner{
	float:right;
	height:62px;
	width:470px;
	padding-top:5px;
	padding-right:20px;
	overflow:hidden;
}
.headerbanner img{  
	padding:1px;  
	width:468px; 
	height:60px; 
	top:0; 
	left:0 
} 
#header_right .searchbox{
	float:left;
	margin-top:7px;
	width:400px;
	height:1em;
}
#header_right .search_form{
	float:left;
	width:170px;
	height:1em;
	display:block;
}
#header_right .search_btn{
	margin-left:5px;
	float:left;
	height:20px;
	width:83px;
	background-color:#CCCCCC;
	color:#333333;
	font-weight:Normal;
	border-top-color:#DDDDDD;
	border-right-color:#BBBBBB;
	border-bottom-color:#BBBBBB;
	border-left-color:#DDDDDD;
	border-style:ridge;
	display:block;
}
*/

/* ナビゲーション部分
............................................................... */
#navigation{
	width:1024px;
	display:block;
	background:none;
}
#navigation .navi_01{
	float:left;
	margin-left:0px;
	width:202px;
	height:33px;
	background:url(../images/parts/btn_01.png) no-repeat;
}
#navigation .navi_01.selected{
	background:url(../images/parts/btn_01b.png) no-repeat;
}
#navigation .navi_01.selected font{
	color:#ffffff;
	font-weight:bold;
	margin-left: -4px;
}
#navigation .navi_02{
	float:left;
	width:262px;
	height:33px;
	background:url(../images/parts/btn_02.png) no-repeat;
}
#navigation .navi_03{
	float:left;
	width:174px;
	height:33px;
	background:url(../images/parts/btn_03.png) no-repeat;
}
#navigation .navi_04{
	float:left;
	width:174px;
	height:33px;
	background:url(../images/parts/btn_04.png) no-repeat;
}
#navigation .navi_05{
	float:left;
	width:204px;
	height:33px;
	background:url(../images/parts/btn_05.png) no-repeat;
}
#navigation font{
	padding:8px 0 0 45px;
	display:block;
	font-size:90%;
}
#navigation font.category{
	display: inline;
	top: 5px;
	left:43px;
	position: relative;
	padding-left:0px;
	padding-top: 4px;
}
#navigation a:link{
	border:none;
	text-decoration:none;
	color:#444;
}
#navigation a:active{
	border:none;
	text-decoration:none;
	color:#F00;
}
#navigation a:visited{
	border:none;
	text-decoration:none;
	color:#444;
}
#navigation a:hover{
	border:none;
	text-decoration:underline;
	color:#F60;
}

#genreframe{
	display:block;
	position:relative;
	margin-top:31px;
	margin-left:1px;
	width:200px;
}
#genre{
	display:block;
	background-color:#ffffff;
	width:198px;
	padding-top:6px;
	padding-bottom:3px;
	position:absolute;
	border:solid 1px #999999;
	-webkit-box-shadow: 0 6px 3px -3px #777;
	-moz-box-shadow: 0 6px 3px -3px #777;
	box-shadow: 0 6px 3px -3px #777;

}
#genre a:link{
	border:none;
	text-decoration:none;
	color:#444;
}
#genre a:active{
	border:none;
	text-decoration:none;
	color:#F00;
}
#genre a:visited{
	border:none;
	text-decoration:none;
	color:#444;
}
#genre a:hover{
	border:none;
	text-decoration:underline;
	color:#F60;
}
#genre dt{
	z-index:0;
	display:block;
	height:22px;
	margin:2px 2px;
	border:none;
	background-color:#ffffff;
	background-image:none;
	white-space: nowrap;
}

#genre dt font{
	width:174px;
	height:24px;
	float:left;
	display:block;
	overflow:hidden;
	margin:auto 0px;
	padding-left:4px;
	font-size:80%;
	font-weight:normal;
	color:#003366;
}
#genre dt font:hover{
	width:174px;
	height:24px;
	float:left;
	display:block;
	overflow:hidden;
	margin:auto 0px;
	padding-left:4px;
	font-size:80%;
	color:#e47911;
	font-weight:bold;
	text-decoration:none;
}
#genre dt font.sub:hover{
	text-decoration:underline;
}
#genre dt img.thumb{
	margin-top:1px;
	margin-left:1px;
	width:20px;
	height:20px;
	float:left;
}
#genre dt img.arrow-r{
	margin-top:4px;
	padding:0;
	float:left;
	width:6px;
	height:12px;
	display:block;
	background:url(../images/parts/arrow-r.png) no-repeat;
}
#genre dt.select{
	border:solid 1px #ffc633;
}
#genre dt.divider{
	border-top: #cccccc 1px solid;
	height:3px;
	margin:0px 6px;
}

#genre dd{
	top:0px;
	left:188px;
	width:240px;
	height:256px;
	margin-top:-25px;
	padding-left:2px;
	color:#003366;
	font-size:90%;
	font-weight:bold;
	position:absolute;
	border:solid 1px #999999;
	background-color:#ffffff;
	display:block;
	white-space: nowrap;
	overflow:hidden;
	-webkit-box-shadow: 0 6px 3px -3px #777;
	-moz-box-shadow: 0 6px 3px -3px #777;
	box-shadow: 0 6px 3px -3px #777;
}
#genre dd div{
	width:234px;
	height:32px;
	display:block;
	padding-left:6px;
	clear:both;
}
#genre dd div font {
	margin-top: 5px;
	margin-left: 4px;
	width: 197px;
	display: block;
	color:#003366;
	float: left;  
	font-weight: normal;
}
#genre dd div font:hover {
	font-weight: bold;
	text-decoration: underline;
	color:#e47911;
}
#genre .title{
	margin-left: 2px;
	font-size:120%;
	font-weight:bold;
	color:#e47911;
}
#genre dd a{
	display: block;
	float: left;
}
#genre dd img{
	margin-top:1px;
	margin-left:1px;
	width:30px;
	height:30px;
	float:left;
}

/* コンテンツ部分
............................................................... */
#wrapper{
	background:none;
	width:1024px;
	height:auto;
}


/* フッター
............................................................... */
#footer{
	margin:0 auto 0px;
	padding:100px 0px 0px;
	display:block;
	width:980px;
	bottom:1px;
}
#footer span{
	margin:10px auto 1px;
	padding:10px 0 2px;
	display:block;
	width:800px;
	height:auto;
	text-align:center;
	color:#999999;
	font-size:80%;
}

#footer a:link{
	border:none;
	text-decoration:none;
}
#footer a:active{
	border:none;
	text-decoration:none;
	color:#F00;
}
#footer a:visited{
	border:none;
	text-decoration:none;
}
#footer a:hover{
	border:none;
	text-decoration:underline;
	color:#F60;
}

#footer .copy{
	margin-top:2px;
	padding-top:2px;
	padding-right:20px;
	color:#999999;
	font-size:70%;
	text-align:right;
}
#footer .copyright{
	margin-top:2px;
	padding-top:2px;
	padding-right:20px;
	color:#999999;
	font-size:70%;
	text-align:center;
}
#footer .kobutsu{
	margin-top:2px;
	padding-top:2px;
	padding-right:20px;
	color:#999999;
	font-size:70%;
	text-align:center;
	bottom:0;
}


/* コンテンツ部分 → インフォメーション
............................................................... */
#information{
	margin:5px auto;
	width:600px;
}

#support_box{
	margin-bottom:5px;
	padding:5px;
	width:590px;
	border:1px solid #CCC;
	background-color:#FAFAFA;
	font-size:74%;
}

.attention_box{
	margin:5px 7px 2px 3px;
	padding:5px;
	/* width:590px; */
	border:1px solid #CCC;
	background-color:#FAFAFA;
	font-size:74%;
}

#support_box a:link{
	border:none;
	text-decoration:underline;
}
#support_box a:active{
	border:none;
	text-decoration:none;
	color:#F00;
}
#support_box a:visited{
	border:none;
	text-decoration:none;
}
#support_box a:hover{
	border:none;
	text-decoration:underline;
	color:#F60;
}

.support_left{
	float:left;
	width:290px;
	margin-right:10px;
}
.support_right{
	float:left;
	width:288px;
}
.support_title{
	font-weight:bold;
	color:#666;
	margin-bottom:3px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
	background-color:#FAFAFA;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:5px;
}
.support_data{
	line-height:130%;
	margin-bottom:10px;
	margin-left:10px;
	color:#666;
}
#support_box li{
	font-weight:bold;
	color:red;
}
#support_box .indent{
	padding-left:10px;
	font-weight:normal;
	color:#666;
}
.support_address{
	clear:both;
	color:#666;
}
.faq_sub{
	background-color:#EEEEEE;
	font-size:100%;
	font-weight:bold;
	padding:2px;
	margin-bottom:5px;
	margin-top:3px;
}
.gototop{
	background-color:#EAEAEA;
	text-align:right;
	font-size:80%;
	padding:3px 5px 3px 1px;
	margin:5px 6px 10px 2px;
	text-decoration:underline;
}


/* マイページトップのログイン名表示エリア */
.divmaru   {   
	background-color:#FAFAFA;
	border: 1px solid #d7d7d7;

	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;       /* Firefox用 */  
	border-radius: 10px;            /* CSS3 */  

}