@charset "utf-8";

/* グローバルナビスタイル
----------------------------------------------------------- */
div#global_navi ul li#gnavi_report a {
	background: url(../../common/images/gnavi_report_on.gif) 0 0 no-repeat;
}


/* サイドナビスタイル
----------------------------------------------------------- */
div#side_navi ul li#snavi_shop01 {
	font-weight: bold;
}

div#side_navi ul li#snavi_shop01 a {
	color: #2E46BA;
}



/* コンテンツスタイル
----------------------------------------------------------- */
div#main h3.midashi02_top {
	margin-top: 0;
}

div#main h4.midashi03_top {
	margin-top: 0;
}

div#main p.err {
	background:#ff0000;
	padding:5px 10px;
	margin:15px 0;
	color:#fff;
	font-weight:bold;
}


div#main dl {
	margin: 0 25px 30px 15px;
	padding: 15px 0 5px 0;
	border: 8px solid #EEEEEE;
	overflow: hidden;
}

* html body div#main dl {
	display: inline-block;
}

div#main dl dt {
	margin: 0 15px 15px 15px;
	padding: 0 0 5px 20px;
	border-bottom: 2px solid #DEDDDD;
	background: url(../../common/images/bg_tss.gif) 2px 2px no-repeat;
	color: #475ADB;
	font-size: 114%;
	font-weight: bold;
	line-height: 1.4;
}

div#main dl dd {
	margin: 0 15px 0 25px;
}

div#main dl dd div {
	float: left;
	width: 80px;
	text-align: center;
}

div#main dl dd div a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

div#main dl dd p {
	margin: 0 0 10px 100px;
	font-size: 86%;
	line-height: 1.6;
}

div#main dl dd p.btn a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


div#main a.a01 {
	padding: 0 0 0 15px;
	background: url(../../common/images/i_arrow01.gif) 0 1px no-repeat;
}


div#main div#btn_submit {
	margin: 30px 0;
	text-align: center;
}


div#main span.must {
	color: #FF0000;
}


/* テーブルスタイル */

div#main table {
	width: 640px;
	font-size: 100%;
	line-height: 1.5;
}

div#main table th,
div#main table td {
	padding: 7px 10px;
	border: 1px solid #CCC;
	text-align: left;
}

div#main table th {
	background: #F7F7F7;
}

div#main table tr.midashi th {
	text-align: center;
}

div#main table td.bg_gray {
	background: #EEE;
}

div#main table td.price,
div#main table td.discount,
div#main table td.total {
	text-align: right;
}

div#main table td.amount {
	text-align: center;
}

div#main table td p {
	margin: 5px 0 0 0;
}

div#main table td span.err {
	font-weight:bold;
	color:#ff0000;
}


div#main div.btn_area {
	margin: 30px 0;
	text-align: center;
}


/* フォームスタイル */

div#main input.text_area {
	width: 220px;
	padding: 1px;
	ime-mode: active;
}

div#main input.hankaku {
	ime-mode: inactive;
}

div#main input.wide {
	width: 350px;
}

div#main input.narrow {
	width: 120px;
}

div#main input.narrow2 {
	width: 80px;
}

div#main textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	font-size: 86%;
	line-height: 1.5;
	ime-mode: active;
}



/* サムネイル */

div#main ul.thumbnail {
	margin: 0 0 20px 15px;
	overflow: hidden;
	zoom: 1;
}

*+html body div#main ul.thumbnail {
	margin-bottom: 40px;
}

div#main ul.thumbnail li {
	float: left;
	width: 135px;
	margin: 0 20px 20px 0;
	text-align: center;
}

div#main ul.thumbnail li span {
	display: block;
}

div#main ul.thumbnail li span.img img {
	height: 110px;
	border: 1px solid #ccc;
}


div#main ul.thumbnail li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#main ul.thumbnail li a span.txt {
	margin: 6px 0 0 0;
	font-size: 72%;
	text-align: left;
	text-decoration: underline;
	line-height: 1.5;
}

div#main ul.thumbnail li a:hover span.txt {
	text-decoration: none;
}