@charset "shift_jis";
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	line-height: 1.8;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF url(/images/bg.gif) repeat-y center;
}
h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
h2
}
p {
	padding-bottom: 14px;
	font-size: medium;
}
.right {
	text-align: right;
}
.box_left {
	float: left;
}

.sq_tensen {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
}

ul{
	list-style-type: none;
}
.f_10 {
	font-size: 10px;
}
.f_12 {
	font-size: 12px;
}
.red {color: #FF0000}
.img_tokuten {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.img_order {
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

.line-through {
	text-decoration: line-through;
}


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

a { }
a:link { }
a:hover {color:#ff9900;}
a:active { }
a:visited {}

/*HP本体の枠。ここは基本的に変更しないように。
------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 835px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
}


/*ヘッダー。メイン画像が入っている所。
------------------------------------------------------------------*/
#header {
	height: 295px;
        position:relative;
	width:835px;
	margin:0;
	padding:0;
}

#header span {
  font-family: 'sans-serif', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
  font-weight:bold;
  color:red;
  font-size:500%;
}

#main_counter {
        background-image: url(/images/main_img_02.jpg);
        height: 121px;
        position: relative;
        width:835px;
        margin:0;
        padding:0;
}

#main_counter span.timer_day {position:absolute; bottom:-10px; left:735px;}
#main_counter span.double_num {position:absolute; bottom:-10px;left:719px;}
#main_counter span.single_num {position:absolute; bottom:-10px;left:735px;}
#main_counter span.timer_term {color:blue;position:absolute; bottom:78px;left:400px;font-size:150%;}

/*ヘッダー内のh1タグの設定。
------------------------------------------------------------------*/
#header h1 {
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	left: 20px;
	top: 4px;
	width: 800px;
	font-weight: normal;
}
#main h2 {
	background-image: url(/images/bg_h2.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 16px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000099;
}
#main h3 {
	font-size: 14px;
	background-color: #FFFF99;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
}
.center {
	text-align: center;
}



/*メインメニューの設定。
------------------------------------------------------------------*/
#menu li {
	background-image: url(/images/menu.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 139px;
	float: left;
	text-align: center;
	font-size: 150%;
        padding:12px 0 10px 0;
        font-weight:900;
}

#menu li.order {
        background-image: url(/images/menu_order.gif);
        background-repeat: no-repeat;
        height: 45px;
        width: 139px;
        float: left;
        text-align: center;
        font-size: 150%;
        padding:12px 0 10px 0;
        font-weight:bold;
}

/*コンテンツ。文章が入る２列部分の背景をここで設定。
------------------------------------------------------------------*/
#contents {
	background: url(/images/contents_bg.gif) repeat-y left;
	padding-top: 20px;
}


/*メインコンテンツ。（左側）
------------------------------------------------------------------*/
#main {
	float: left;
	width: 570px;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


#main p {
	padding-right: 5px;
	padding-left: 5px;
}


/*サブコンテンツ。（右側）
------------------------------------------------------------------*/
#sub {
	float: right;
	width: 229px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -7px;
	color: #666666;
}
#sub  p {
	font-size: 12px;

}
#sub h3 {
	border: 3px double #ffffff;
	background: #f9ad5c;
	font-size: 100%;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #FFFFFF;
}
#pan {
	background-color: #FFFFCC;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: small;
}

#sub   .yajirushi    {
	background-image: url(/images/yajirushi.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

ul.topics/*TOPICS部分。
------------------------------------------------------------------*/
 {
	padding: 0px 12px 20px 8px;
}
.topics  li {
	border-bottom: 1px dotted #CCCCCC;
	text-indent: -1em;
	padding-left: 1em;
	font-size: x-small;
}


/*フッター。コピーライトや著作部分。
------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 835px;
	text-align: center;
	background: #999999 url(/images/footer.gif) no-repeat bottom;
	height: 60px;
	padding-top: 0px;
	color: #FFFFFF;
}
#footer a {
	color: #FFFFFF;
}

p.footer {
        background: #FFFFFF url(/images/contents_bg.gif) repeat-y bottom;
        font-size:100%;
        padding-right:250px;
        text-align: center;
}

/*clearfix（※ここは変更しない）
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */

/*table */
table, th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
	margin: 10px;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
	width: 95px;
}

tbody th {
	font-weight: bold;
	background-color: #E6EDF5;
}

tbody tr {
	background: #FCFDFE;
	text-align: center;
}

tbody tr.odd { background: #F7F9FC; }

p.notice{font-size:100%;color:red;}