@charset "utf-8";
@import "header.css";
@import "navigation.css";
@import "contents.css";
@import "menu.css";
@import "footer.css";

/* ---- common styles ----*/

/* initialize style */
*{
	margin:0px;
	padding:0px;
	font-family:Helvetica, "MS Pゴシック", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", serif;
	color:#333;
}
ul{
	list-style:none outside;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}
.error{
	font-size:9pt;
	color:#c00;
}
.blue{
	font-size:9pt;
	color:#0080c0;
}

.long{
	padding: 0 20px;
}
.inline{
	display:inline;
}
.red{
	color:#c00;
}
.cap{
	color:#c00;
	font-size : 10pt;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.clear{
	clear:both;
	height:0px;
}
.etc{
	text-align:center;
	line-height:1.6;
}
.etc a{
	color:#00f;
}
a.normal{
	color:#00f;
}
span.button{
	background:#fc9;
	border:solid 1px #ccc;
	padding:5px 20px;
	color:#333;
	font-size:0.8em;	
}
a.button{
	background:#fc9;
	border:solid 1px #ccc;
	padding:5px 20px;
	color:#333;
	font-size:0.8em;
}
a.button:hover{
	background:#dd4f52;
	color:#fff;
	text-decoration:none;
}
a.button_2{
	background:#fc9;
	border:solid 1px #ccc;
	padding:3px 5px;
	color:#333;
	font-size:0.8em;
}
a.button_2:hover{
	background:#dd4f52;
	color:#fff;
	text-decoration:none;
}
input.button{
	border:solid 1px #ccc;
	background:#fc9;
	padding:3px 10px;
}
input.button:hover{
	background:#dd4f52;
	color:#fff;
}
input.button_2{
	border:solid 1px #ccc;
	background:#dd4f52;
	padding:3px 10px;
	color:#fff;
}
input.button_2:hover{
	background:#a82025;
	color:#fff;
}


p.pagination{
	text-align:center;
}
p.pagination a{
	color:#00f;
}

/* ---- boxmodel leyout ---- */

div#globalbox{
	width:956px;
	margin:0 auto;
}
div#globalbox_in{
	width:744px;
	margin:0 auto;
}

div#header{
	width:956px;
	position:relative;
	height:71px;
	background:#fff url(../../img/tmp/top_header_back.jpg) center right no-repeat;
}
div#header_in{
	width:744px;
	margin:0 auto;
	height:91px;
	background:#fff url(../../img/tmp/header_in_back.jpg) center center no-repeat;
	position:relative;
}

div#navigation{
	width:716px;
/*	height:36px;
	overflow:hidden;
*/	position:relative;
	z-index:100;

}
div.genre_list{
	width:716px;
	position:relative;
	margin-top:10px;
}
*:first-child+html div.genre_list{
	width:711px;
}
* html div.genre_list{
	height:22px;
	overflow:hidden;
	margin-top:10px;
	position:relative;
}


div#wrapper{
	width:956px;
	margin-top:0px;
}

div#wrapper_in{
	width:744px;
	position:relative;
}

/* -- clearfix for modern browser -- */
div#wrapper:after{
	clear:both;
	height:0;
	content:'.';
	visibility:hidden;
}
/* -- clearfix end -- */

div#menu{
	width:217px;
	float:right;
	margin-top:-107px;
	position:relative;

}

div#contents{
	width:733px;
	float:left;
	background:#fff;
	padding-bottom:30px;
	min-height:500px;

}
 * html div#contents{
 	height:500px;
 }
div#contents_in{
	width:744px;
	padding-bottom:30px;
	margin-top:20px;
	min-height:400px;
}
* html div#contents_in{
	height:400px;
}


/* ---- extends ajax element style (search) ---- */


div#tooltip{
	width:173px;
	height:91px;
	background-image:url(../../img/tmp/notice.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:1000;
	display:none;
}
* html div#tooltip{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tmp/notice.png',sizingMethod='scale');
}
div#tooltip p{
	position:relative;
	top:45px;
	left:12px;
	font-size:9pt;
}
div#tooltip p span{
	color:#a82025;
	text-decoration:underline;
	font-size:10pt;
}


div#tolltip_caption{
	width:90px;
	height:10px;
	text-align:center;
	padding:5px;
	border:solid 1px #edece8;
	background-color:#ccc;
	opacity:0.9;
	filter:alpha(opacity=90);
	font-size:7pt;
}

div#popup_window{
	width:261px;
	height:137px;
	background-image:url(../../img/tmp/notice_2.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:1100;
	display:none;
	
}
* html div#popup_window{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tmp/notice_2.png',sizingMethod='scale');
}
div#popup_window div{
	position:relative;
	top:54px;
	left:20px;
	font-size:10pt;
	line-height:1.8;
	width:230px;
}
div#popup_window div p{
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	color:#c00;
}
div#popup_window div.non_al{
	position:relative;
	top:68px;
	left:10px;
	font-size:10pt;
	line-height:1.8;
}
div#popup_window div p.non{
	font-size:9pt;
	font-weight:normal;
	padding-left:20px;
	color:#333;
}

/* top/kikou page style */
div#kikou {
	width: 733px;
}
div#kikou h4 {
	padding: 10px 0px;
	text-align: center;
}
div#kikou p {
	padding: 24px 15px;
	text-indent: 0px;
	line-height: 1.8em;
	text-align: justify;
	font-size: 16px;
}
div#kikou h2, div#kikou h3,div#kikou h4 {
	padding: 10px 0px;
	color: #A72B2D;
	text-align: center;
}
div#kikou h3 {
	font-weight: bold;
	font-size: 3.0em;
}
div#kikou h4 {
	font-weight: normal;
	font-size: 2.4em;
}
div#kikou span.ptitle {
	display: block;
	color: #A72B2D;
	text-align: left;
	padding-bottom: 20px;
}
div#kikou span.pspecial {
	display: block;
	min-height: 199px;
}
div#kikou img.img_left {
	float: left;
	padding-right: 20px;
}
div#kikou img.img_right {
	float: right;
	padding-left: 20px;
}
p#for_img02 {
	min-height: 267px;
}
p#for_img04 {
	min-height: 446px;
}
p#for_img06 {
	min-height: 377px;
}
p#for_img08 {
	min-height: 397px;
}
p#for_img09 {
	min-height: 263px;
}
p#for_img12 {
	min-height: 223px;
}
p#for_img13 {
	min-height: 336px;
}
p#for_img14 {
	min-height: 332px;
}
p#for_img15 {
	min-height: 302px;
}
p#for_img16 {
	min-height: 328px;
}
p#for_img17 {
	min-height: 311px;
}
p#right_to_cart{
	width : 200px;
	background : #a82025;
	padding : 5px !important;
	margin : 0  0 0 auto;

}
p#right_to_cart a.to_cart{
	display : block;
	text-align : center;
	color : #fff;
	border : solid 1px #fff;
	vertical-align : text-bottom;

}
p#right_to_cart a.to_cart:hover{
	color : #ffff00;
	text-decoration : none;
}

/* mailmaga_view */
div#mailmaga_view a {
	color : #00F;
}
div#mailmaga_view p.pagination {
	text-align: center;
}
div#mailmaga_view h2 {
	padding: 10px 0px;
	font-size: 20px;
	text-align: center;
}
div#mailmaga_view dt {
	border-style: dotted;
	border-width: 2px 0px 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 12pt;
}
div#mailmaga_view dd {
	margin-bottom: 20px;
	font-size: 14pt;
	text-align: left;
}