@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd,  ul, li, strong,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	letter-spacing: 1px;
}
html { overflow-y:scroll; }/* Firefoxでも常にスクロールバーを表示させる */
body {
	font-family: "Arial", "Helvetica", "sans-serif", 'Tahoma', "メイリオ",'MS UI Gothic', 'MS PGothic', 'Osaka',  "Meiryo", "ＭＳ ゴシック", "Osaka－等幅";
	color:#444;
	font-size:82%;
	background: url(../images/bg.gif);
}
#wrapper {
	width:920px;
	height:auto;
	margin:0px auto;
	padding:20px 40px 0px 40px;
	background:url(../images/bg.png) left top repeat-y;
	position:relative;
}

/*強調
--------------------------------------------------------- */
#right h2 {
	padding: 20px 0px;
}

.sub_h2 {
	margin: 0px 0px 20px 0px;padding:10px 0px 8px 15px;clear:both;
	font-size:16px;color:#333;font-weight:bold;letter-spacing:2px;
	border-bottom: 1px solid #aaa;
	border-top: 5px solid #aaa;
}
.sub_h3 {
	margin: 0px 0px 20px 0px;padding:4px 0px 4px 15px;clear:both;
	font-size:12px;color:#333;font-weight:bold;letter-spacing:2px;
	border-left: 5px solid #999;
	border-bottom: 1px solid #ccc;
}
.sub_h4 {
	height:22px;margin:0px 0px 20px 0px;padding:8px 0px 1px 15px;clear:both;
	font-size:14px;color:#444;font-weight:bold;letter-spacing:2px;
	background:url(../images/results/bg_result.gif) left top no-repeat;
}

em { font-weight:bold; }


/*共通ボックス・指定
--------------------------------------------------------- */
img { vertical-align: bottom; }
.both { clear:both;vertical-align:top;margin: 0px;padding: 0px; }
.clear { clear:both;height:20px;padding:0px 40px 0px 0px; }
.clear20 { clear:both;padding:20px 0px 0px 0px; }
.clear40 { clear:both;padding:40px 0px 0px 0px; }
.unit {
	padding:0px 0px 40px 0px;
}
.bordered { border:1px solid #ddd;padding:1px; }

/*clearfix
--------------------------------------------------------- */
.clearfix:after { 
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
} 

*1257897500* html .clearfix { display: inline-block; } 
/* no ie mac \*/ 

*1257897501* html .clearfix { height: 1%; } 
.pkg { display: block; } 
/* */

.hr { height:5px;margin:0px 0px 10px 0px;clear:both;border-bottom:1px dotted #bbb; }
.hr2 {
	width: 580px;
	padding:0px 0px 40px 0px;
	clear:both;
	position: relative;
	border-bottom:1px dotted #ccc;
	margin-bottom: 40px;
}

#left {
	width:200px;
	position:relative;
	float:left;
}
#right {
	width:660px;
	position:relative;
	float: right;
}

#contents { width:620px;padding:20px 0px 0px 30px;float:left; }



/*ヘッダー
--------------------------------------------------------- */

#logo {
	width:200px;
	height:50px;
	padding: 0px 0px 40px 0px;
}

#topimage {
	width:660px;
	padding:0px 0px 20px 0px;
	position:relative;
	clear:both;
}
#subimage {
	width:660px;
	padding:0px 0px 40px 0px;
	position:relative;
	clear:both;
}

/*　左ナビゲーション
--------------------------------------------------------- */
#navihead { padding:0px 0px 0px 0px; }
#mainmenu {
	padding:0px 0px 40px 0px;
}
#mainmenu ul { width:240px;margin:0px;padding:0px;list-style:none; }
#mainmenu ul li {
	width:200px;
	list-style-type:none;
}
#blogbt { padding:20px 0px; }

/*トップページ
--------------------------------------------------------- */
#feed {
	width:640px;
	height:120px;
	padding:5px 10px 10px 10px;
	overflow-y:scroll;
	scrollbar-base-color:#eee;
}
#feed dl dt {
	width:6em;clear:left;float:left;padding:8px 0.5em 8px 0em;
	font-size:12px;
}
#feed dl dd { margin-left:0px;padding:7px 0.5em 7px 8em;border-bottom:dotted 1px #ccc; }

#feed a { text-decoration:underline;color:#ff668b; }
#feed a:visited { color:#ff809f;text-decoration:none; }
#feed a:hover { color:#ff668b;text-decoration:underline; }
#feed img {
	padding: 50px 300px;
}

.item-line {
	padding:0px 0px 20px 0px;
	position: relative;
}
.item-box-wrap {
	float:left;
	padding: 0px 7px;
}
.item-box-price { padding:10px 0px;line-height:2em; }
.font-size-2minus { font-size:9px;padding:0px 5px; }

/*サブページコンテンツ・ボックス
--------------------------------------------------------- */
#message { height:199px;background:url(../images/message/img1.jpg) left top no-repeat;text-align:right; }
.step { width:560px;margin:20px 0px 20px 0px;padding:0px 0px 0px 15px;border-left:5px solid #960;position:relative; }
.step h4 { padding:10px 0px 10px 0px;font-size:14px;font-weight:bold;color:#740; }
#undercolumn .box1 { width:614px;padding:20px 20px 10px 20px;margin:0px 0px 40px 0px;position:relative;border:1px solid #ddd; }
#windowarea .box1 { width:614px;padding:20px 20px 20px 20px;margin:40px 0px 40px 0px;position:relative;border:1px solid #ddd; }
#under02column .box1 { width:614px;padding:20px 20px 20px 20px;margin:40px 0px 40px 0px;position:relative;border:1px solid #ddd; }
.box2 {
	margin:20px 0px 10px 0px;padding:4px 0px 4px 15px;
	font-size:14px;font-weight:bold;
	border-bottom:1px solid #ccc;
	border-left:5px solid #999;
}
.box3 { width:140px;float:left; }
.box4 {
	width:280px;float:left;
	background:url(../images/bg_text1.gif) repeat-y left top;
}


/*フットナビ・フッター
--------------------------------------------------------- */
.go2top { width:20px;margin:0px 0px 0px 880px; }

#footer {
	width:920px;
	padding:40px 0px 20px 0px;
	position:relative;
	clear:both;
}
#footer p {
	padding:0px 0px 20px 260px;
	clear:both;
	color:#999;
	font-size:10px;
	line-height:1.8em;
	letter-spacing: 1px;
}

#footer p a { text-decoration:none;color:#ff668b; }
#footer p a:visited { color:#ff809f;text-decoration:none; }
#footer p a:hover { color:#ff668b;text-decoration:underline; }

/*文字・画像・リンク
--------------------------------------------------------- */

#contents p { padding:0px 0px 18px 0px; }
.unit p {
	padding:0px 0px 1.8em 0px;
	letter-spacing: 0px;
	line-height: 1.6;
}

.text1 { font-size: 9px; }
.text2 {
	color:#f30;font-weight:bold;
	border-bottom: 1px dotted #f96;
	padding:0px 0px 1px 0px;margin:0px 3px 0px 3px;
}

.imgright { padding: 0px 0px 0px 20px;float:right; }
.imgleft { float:left;margin: 0px 11px 0px 0px; }
.imgleft1 { float:left;margin: 0px 10px 0px 0px; }

#contents ol { line-height:1.6em;margin:0px 0px 0px 25px; }
#contents ol li { line-height:2;letter-spacing:0px;margin:0px 0px 15px 0px; }

#right a { text-decoration:none;color:#ff668b; }
#right a:visited { color:#ff809f;text-decoration:none; }
#right a:hover { color:#ff668b;text-decoration:underline; }

.list {
	padding:0px;
	color:#690;line-height:2.6em;letter-spacing:0px;list-style-type: none;
}
.list li {
	padding:0px 0px 0px 20px;font-weight:bold;
	background:url(../images/arrow2.gif) left 7px no-repeat;
	font-size:110%;	
}
.list li a { text-decoration:none;color:#036; }
.list li a:visited { color:#369;font-weight:normal;}
.list li a:hover { color:#369;text-decoration:underline; }

/*サブページ表・セルの指定(フォームのとことか)
--------------------------------------------------------- */
.ltd {
	vertical-align: top;
	background-color: #f4f4f4;
	padding: 10px;
	line-height:2;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	border-left: 5px solid #ccc;
	border-right: 1px solid #ddd;
	color: #333;
}

.rtd {
	background-color: #fcfcfc;
	padding:10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #fafafa;
	border-left:1px solid #fafafa;
	border-right:1px solid #ddd;
	line-height:2;
}

.hankaku {
	ime-mode:disabled;
	background-color:#fff;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image: url(../images/input.jpg);
	padding: 4px;
	letter-spacing: 1px;
	color: #444;
}
.zenkaku {
	padding:4px;color: #444;
	border:1px solid #ccc;background-color:#fff;
	background-image: url(../images/input.jpg);
}
.kome {
	background-color:#F90;
	padding:2px 4px 0px 4px;
	color:#f0f0f0;
	font-size:9px;
	letter-spacing:1px;
	border-top:1px solid #fc3;
	border-bottom:1px solid #f73;
	border-right:1px solid #f73;
	border-left:1px solid #fc3;
	margin: 0px 0px 0px 10px;
	line-height: 2em;
}




li {
    list-style-type: none;
}

select {
    border: solid 1px #ccc;
}

/*PHOTO*/
.picture {
    border: 1px solid #ccc;
}
/* フロート回り込み解除
----------------------------------------------- */
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}
/* リンク指定
----------------------------------------------- */
a:link {
    color: #3a75af;
    text-decoration: underline;
}
a:visited {
    color: #3a75af;
}
a:hover {
	color: #FF668B;
}
/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price {
	color: #990000;
	font-weight: bold;
}
.attention { color: #ff0000; }
.mini { font-size: 90%; }
em {
    font-style: normal;
    color: #660000;
}
/* テーブル共通指定
----------------------------------------------- */
table  {

}
table th {
	padding: 8px;
	background-color: #f8f8f8;
	font-weight: normal;
	border-bottom: 1px dotted #ddd;
	border-right: 1px dotted #ddd;
	vertical-align: middle;
	text-align: left;
}
table td {
	padding: 8px;
	border-bottom: 1px dotted #ddd;
}
div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}
.phototd {
    width: 75px;
    text-align: center;
}
.centertd {
    text-align: center;
}
.pricetd {
    text-align: right;
}
.pricetd em {
    font-weight: bold;
}
div#completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}
div#completetext em {
    font-weight: bold;
}
div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}


/* ヘッダーロゴ
------------------------------------------------ */
div#header {
    background: url("../img/header/bg.gif");
    width: 780px;
    height: 95px;
    margin: 0 auto;
}
div#header h1 a {
    float: left;
    display: block;
    margin: 8px 0 0 0;
    width: 292px;
    height: 81px;
    background: url("../img/header/logo.gif");
}
div#header em {
    display: none;
}


/* ヘッダーナビ
----------------------------------------------- */
div#information {
    float: right;
    padding: 60px 8px 0 0;
}
div#information ul li {
    display: inline;
}
div#information ul li a {
    text-decoration: none;
}
/* フレーム
----------------------------------------------- */
div#container {
    width: 764px;
    margin: 0 auto;
    padding: 0 8px;
    background-color: #fff;
    text-align: left;
}
#container:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#leftcolumn {
    float: left;
    width: 166px;
}

div#leftcolumn h2 {
    padding: 15px 0 0 0;
}

div#rightcolumn {
    float: left;
    width: 166px;
}

div#rightcolumn h2 {
    padding: 15px 0 0 0;
}

/* メインコンテンツ
----------------------------------------------- */
/* 3カラム設定 */
div#three_maincolumn {
    float: left;
    width: 432px;
    padding: 15px 0 0 0;
}

div#three_maincolumn h2 {
    padding: 15px 0 0 0;
}

/* 2カラム設定 */
div#two_maincolumn {
    float: left;
    width: 598px;
    padding: 15px 0 0 0;
}

div#two_maincolumn h2 {
    padding: 15px 0 0 0;
}

/* 1カラム設定 */
div#one_maincolumn {
    padding: 10px 0 0 0;
}

/* カゴの中
----------------------------------------------- */
div#cartarea {
    width: 144px;
    padding: 10px;
    border: solid 1px #ccc;
}

div#cartarea p {
    padding: 5px 0 10px 0;
}

div#cartarea p.item {
    padding: 0 0 10px 0;
    background: url("../img/side/line_146.gif") no-repeat bottom;
}

div#cartarea .btn {
    padding: 0;
    text-align: center;
}

/* カテゴリー
----------------------------------------------- */
div#categoryarea {
    width: 144px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #fff1e3;
}

div#categoryarea li {
    padding: 0 0 0 20px;
    background: url("../img/common/arrow_blue.gif") 0 3px no-repeat;
}
div#categoryarea li.onmark {
    background: url("../img/common/arrow_red.gif") 0 3px no-repeat;
}
div#categoryarea li.level1 {
    font-weight: bold;
}
div#categoryarea li.level1 li {
    font-weight: normal;
}
div#categoryarea li a {
    display: block;
    padding: 3px 0;
}

a.onlink:link {
    color: #ff0000;
    text-decoration: underline;
}
a.onlink:visited {
    color: #ff0000;
}
a.onlink:hover {
    color: #ff0000;
}
/* ガイドリンク
----------------------------------------------- */
#guidearea {
    padding: 15px 0 0 0;
    line-height: 0;
}

/* ログイン
----------------------------------------------- */
div#loginarea {
    width: 144px;
    padding: 0 10px 10px 10px;
    border: solid 1px #ccc;
}

div#loginarea p {
    padding: 8px 0 0 0;
}

div#login img {
    padding: 0 5px 0 0;
    vertical-align: bottom;
}

div#loginarea .btn {
    text-align: center;
}

#loginarea .box96 {
    width: 96px;
    border: solid 1px #ccc;
}

/* 検索
----------------------------------------------- */
div#searcharea {
    width: 144px;
    padding: 0 10px 10px 10px;
    border: solid 1px #ccc;
}

div#searcharea p {
    padding: 8px 0 0 0;
}

div#searcharea .btn {
    text-align: center;
}

#searcharea .box142 {
    width: 142px;
    border: solid 1px #ccc;
}

/* カレンダー
----------------------------------------------- */
#block-calendar {
}

#block-calendar table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    text-align:center;
}

#block-calendar th, #block-calendar td {
    padding: 2px;
    border: 1px solid #CCCCCC;
}

#block-calendar th {
    background: #FF8144;
    color: #FFFFFF;
}

#block-calendar .off {
    background: #FFEECC;
    color: #E04A00;
}

#block-calendar caption {
    color: #DD4400;
}

/* バナー
----------------------------------------------- */
ul#banner {
    padding: 15px 0 0 0;
}

#banner li {
    padding: 0 0 10px 0;
}

/* テキストフィールド
----------------------------------------------- */
input[type='text'] {
    border: solid 1px #ccc;
}

/* ボタン
----------------------------------------------- */
input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}

/* フッター
----------------------------------------------- */
#pagetop {
    width: 764px;
    margin: 0 auto;
    padding: 30px 8px 15px 8px;
    background-color: #fff;
    text-align: right;
}

#fotter {
    width: 764px;
    margin: 0 auto;
    padding: 15px 8px;
    border-top: 1px solid #ff6600;
    background-color: #ffa85c;
    font-size: 90%;
    color: #fff;
    text-align: left;
}