@charset "Shift_JIS";

html * {
	box-sizing: border-box;			/*CSS 3 の記述。 MacIE 5 で有効。 */
	-moz-box-sizing: border-box;	/* Mozilla 用の記述。 N 6 で有効。 */
} 


/* 全体構造
---------------------------------------------------- */
body {
	margin: 0 0 0 30px;
	padding: 0;
	text-align:left;
	color:#333333;
	background: url(/images/bg.gif) repeat-y;
}
#wrapper {
	width:770px;
	margin:0 auto; 
	padding:0;
}
body,h1,h2,h3,h4,tr,td,th,textarea,input,select{
  font-family:"ＭＳ Ｐゴシック", "Osaka",Verdana, palatino, georgia, times new roman, serif;
}

/* リンク
---------------------------------------------------- */
a:link {
	text-decoration:underline;
	color:#0033cc;
}
a:visited {
	text-decoration:underline;
	color:#00337a;
}
a:hover, a:active {
	text-decoration:underline;
	color:#cc0000;
}

img.filter { filter: Alpha(opacity=100); }
A:hover img.filter { filter: Alpha(opacity=30); }

/* ヘッダ
---------------------------------------------------- */
#header {
	text-align:left;
	margin:0;
	padding:0;
}

/* メインメニュー
---------------------------------------------------- */
ul#menu {
	position:relative;
	width:600px;
	height:26px;
	margin:5px 0 2px;
	padding: 0;
	list-style: none;
}
ul#menu li {
	position:absolute;
	display: block;
	width:116px;
	height:26px;
	margin:0;
	padding:0;
	text-indent: -9999px;
}
ul#menu li#mn1 {
	left: 0px;
	background: url(/images/mn_01.gif) no-repeat;
}
ul#menu li#mn2 {
	left: 121px;
	background: url(/images/mn_02.gif) no-repeat;
}
ul#menu li#mn3 {
	left: 242px;
	background: url(/images/mn_03.gif) no-repeat;
}
ul#menu li#mn4 {
	left: 363px;
	background: url(/images/mn_04.gif) no-repeat;
}
ul#menu li#mn5 {
	left: 484px;
	background: url(/images/mn_05.gif) no-repeat;
}

ul#menu li#mn1 a:hover {
	background: url(/images/mn_01_on.gif) no-repeat;
}
ul#menu li#mn2 a:hover {
	background: url(/images/mn_02_on.gif) no-repeat;
}
ul#menu li#mn3 a:hover {
	background: url(/images/mn_03_on.gif) no-repeat;
}
ul#menu li#mn4 a:hover {
	background: url(/images/mn_04_on.gif) no-repeat;
}
ul#menu li#mn5 a:hover {
	background: url(/images/mn_05_on.gif) no-repeat;
}

ul#menu a {
	display: block;
	width:116px;
	height:26px;
	text-decoration: none;
}


/* ページ本体
---------------------------------------------------- */
#pagebody {
	width:770px;
	text-align:left;
	padding:0;
	margin: 20px 0 0;
}
#pagebody1 {
	width:770px;
	text-align:left;
	padding:0;
	margin: 0;
}
#pagebody2 {
	width:770px;
	text-align:left;
	padding:0;
	margin: 30px 0 0;
}

.title{
	margin: 2px 0 0;
}

/* コンテンツ
---------------------------------------------------- */
#content {
	font-size:12px;
	text-align:left;
	padding:0 10px 0 0;
	margin: 0;
	float: left;
	width:600px;
}
h2 {
	font-weight:bold;
	padding:0;
	margin: 0 0 7px;
	font-size:14px;
}
h3 {
	font-weight:bold;
	color:#003399;
	border-left:5px solid #003399;
	padding:5px;
	margin: 0 0 7px;
	font-size:14px;
}
h4 {
	font-weight:bold;
	color:#ffffff;
	background-color:#003399;
	margin-left:30px;
	padding:3px;
	font-size:14px;
}

p {
	font-size:12px;
	line-height:140%;
	margin: 10px 0 10px 30px;
}


.f11 {font-size:11px;line-height:1.4;}
.f12 {font-size:12px;line-height:1.6;}
.f12b {font-size:12px;font-weight:bold;line-height:1.6;}
.f14 {font-size:14px;font-weight:bold;line-height:1.6;}
.f16 {font-size:16px;font-weight:bold;line-height:1.6;}


#content ul{ margin: 0; padding: 0; }
#content li {
	font-size:12px
	line-height: 140%;
	margin: 0 0 8px 0;
	padding: 0 0 0 11px;
	list-style: none;
	background: url(/images/list.gif) no-repeat;
	}


#2col {
	width:680px;
	text-align:left;
	padding:0;
	margin: 10px 0 0 0;
}
#col1 {
	font-size:12px;
	padding:0 0 0 10px;
	margin: 0;
	float: right;
	width:420px;
}
#col2 {
	font-size:12px;
	padding:0;
	float: left;
	width:260px;
}
#2col_area {
	clear: both;
}


/* サイドバー
---------------------------------------------------- */
#side {
	font-size:12px;
	padding:0;
	float: right;
	width:160px;
}

.annex{
	font-size:11px;
	line-height:140%;
	margin-bottom:5px;
}

/* フッタ
---------------------------------------------------- */
#footer_area {
	margin:10px 0;
	clear: both;
}
#footer1 {
	text-align:right;
	width:770px;
	padding:10px 0;
}
#footer1 .pagetop{
	margin:0 0 10px;
}

#footer2 {
	text-align:left;
	width:770px;
	height:100px;
	background: url(/images/footer_bg.gif) no-repeat;
}

#footer2 ul {
	font-size:11px;
	color:#ffffff;
	margin: 50px 10px 0;
	padding: 0;
	list-style: none;
}
#footer2 li {
	font-size:11px;
	display: inline;
	text-transform: uppercase;
}
#footer2 li a {
	vertical-align: middle;
	text-decoration:none;
	color:#ffffff;
}
#footer2 li a:hover,a:active {
	text-decoration:underline;
	color:#ffff00;
}
.copyright{
	font-size:11px;
	text-align:right;
	margin:10px 0 0;
}


/* 商品詳細
---------------------------------------------------- */
.entry{
	margin-bottom:30px;
}

.left {
	padding:0;
	margin: 0;
	width:180px;
	float: left;
}

.right {
	width:348px;
	float: right;
	padding:0;
	margin: 0 0 0 10px;
}

.entry_title{
	font-size:14px;
	margin-bottom:17px;
	padding:5px 0 5px 10px;
	border-left:6px solid #FF6600;
}

.entry_body{
	font-size:12px;
	line-height:1.4;
}

.pict{
	border:1px solid #cccccc;
}

.clear {
	height:31px;
	margin:0 auto;
	padding:30px 0 0;
	clear: both;
}