@charset "utf-8";

/* 基本設定
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.3em;
	color: #333333;
	background: #FFFFFF;
	text-align: center;
}
a {
	color: #000000;
	text-decoration:underline;
}
a:visited {
	color: #333333;
	text-decoration:underline;
}
a:hover {
	color: #0066CC;
	text-decoration:underline;
}
a.blue_link {
	background:url(../images/arrow.gif) no-repeat left 50%;
	padding:0px 0px 0px 18px;
}

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

/* 全体の枠組み
---------------------------------------------*/
#wrapper {
	position:relative;
	width: 771px;
	background: #FFFFFF;
	border: none;
	margin:0px auto;
	text-align:left;
}

/* h1設定
---------------------------------------------*/
h1 {
	margin:0px;
	padding:2px 2px 2px 0px;
	text-align:right;
	font-weight:normal;
	font-size:9px;
	background-color:#eeeeee;
}

html>body h1 {
	font-size:10px;
}

/* ヘッダー設定
---------------------------------------------*/
#header {
	background-color:#FFFFFF;
	width: 767px;
	height: 85px;
	margin: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#header table {
	background: url(../images/header_bg.gif);
	width:767px;
	height: 85px;
	text-align:center;
	margin:0px;
	padding: 0px;
}
#header td {
	vertical-align: top;
	text-align:left;
}
h2 {
	margin: 0px;
	padding: 0px; 
}

/* ヘッダーメニュー（上）
---------------------------------------------*/
#submenu {
	padding: 10px 15px 0px 0px;
	float:right;
	text-align:right;
	font-size:80%;
	letter-spacing:1px;
}

/* ヘッダーナビゲーション
---------------------------------------------*/
#globalNav {
	width: 763px;
	height: 26px;
	padding-bottom: 4px;
}

#globalNav li {
	float: left;
	width: 109px;
	list-style-type: none;
}
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:26px;
	padding-top: 26px;
	background-image: url(../images/global_nav.gif);
	color: #FFFFFF;
}

/* ナビゲーション背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -109px 0; }
	#nav03 a { background-position: -218px 0; }
	#nav04 a { background-position: -327px 0; }
	#nav05 a { background-position: -436px 0; }
	#nav06 a { background-position: -545px 0; }
	#nav07 a { background-position: -654px 0; }

	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -26px; }
	#nav02 a.stay { background-position: -109px -26px; }
	#nav03 a.stay { background-position: -218px -26px; }
	#nav04 a.stay { background-position: -327px -26px; }
	#nav05 a.stay { background-position: -436px -26px; }
	#nav06 a.stay { background-position: -545px -26px; }
	#nav07 a.stay { background-position: -654px -26px; }
 
	/* オンマウス */
	#nav01 a:hover { background-position:  0     -26px; }
	#nav02 a:hover { background-position: -109px -26px; }
	#nav03 a:hover { background-position: -218px -26px; }
	#nav04 a:hover { background-position: -327px -26px; }
	#nav05 a:hover { background-position: -436px -26px; }
	#nav06 a:hover { background-position: -545px -26px; }
	#nav07 a:hover { background-position: -654px -26px; }

/* ぱんくずリスト
---------------------------------------------*/
#path { 
	margin:7px 0px;
	text-align: left;
}

#path a:link { color: #000000; text-decoration: none; }
#path a:visited { color: #333333; text-decoration: none; }
#path a:active { color: #333333; text-decoration: underline; }
#path a:hover { color: #333333; text-decoration: underline; }

/* ポリシーリンク
---------------------------------------------*/
#shop_link {
	clear: both;
	font-size: 80%;
	width: 771px;
	text-align: center;
	margin:0px 0px 10px 0px; 
	padding-top:10px;
}
#shop_link a:link { color: #333333; text-decoration: none; }
#shop_link a:visited { color: #333333; text-decoration: none; }
#shop_link a:active { color: #0066CC; text-decoration: underline; }
#shop_link a:hover { color: #0066CC; text-decoration: underline; }

/* フッター
---------------------------------------------*/
#footer {
	clear: both;
	color: #303030;
	font-size: 80%;
	margin-bottom:20px; 
}
#footer .footer_l {
	background: url(../images/footer_bg.gif) bottom repeat-y;
	width: 771px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding:3px 0px 5px 0px;
	margin-bottom:3px; 
	letter-spacing:1px;
}
#footer .footer_r {
	text-align:right;
	padding-right:4px;
}
#footer a:link { color: #333333; text-decoration: none; }
#footer a:visited { color: #333333; text-decoration: none; }
#footer a:active { color: #0066CC; text-decoration: underline; }
#footer a:hover { color: #0066CC; text-decoration: underline; }

/* テキスト
---------------------------------------------*/
.red{
	color:#ff4500;
}

.wred{
	color:#cc0000;
}

.redB{
	color:#cc0000;
	font-weight:bold;
}

.blue{
	color:#0066CC;
}

.blueB{
	color:#0066CC;
	font-weight:bold;
}

.Lblue{
	color:#0066FF;
}

.LblueB{
	color:#0066FF;
	font-weight:bold;
}

.Lblue2{
	color:#0080DD;
}

.normal{
	font-weight:normal;
}

/* P マージン
---------------------------------------------*/
.m-t05{ margin-top: 5px;}/* 上5px */
.m-t10{ margin-top: 10px;}/* 上10px */
.m-t20{ margin-top: 20px;}/* 上20px */
.m-b05{ margin-bottom: 5px;}/* 下5px */
.m-b10{ margin-bottom: 10px;}/* 下10px */
.m-b20{ margin-bottom: 20px;}/* 下20px */
.m-b30{ margin-bottom: 30px;}/* 下30px */
.m-tb05{ margin-top: 5px;margin-bottom: 5px;}/* 上下5px */
.m-tb10{ margin-top: 10px;margin-bottom: 10px;}/* 上下10px */
.m-tb20{ margin-top: 20px;margin-bottom: 20px;}/* 上下20px */
.m-l05{ margin-left: 5px;}/* 左5px */
.m-l10{ margin-left: 10px;}/* 左10px */
.m-l20{ margin-left: 20px;}/* 左20px */
.m-r05{ margin-right: 5px;}/* 右5px */
.m-r10{ margin-right: 10px;}/* 右10px */
.m-r20{ margin-right: 20px;}/* 右20px */
.m-lr05{ margin-left: 5px;margin-right: 5px;}/* 左右5px */
.m-lr10{ margin-left: 10px;margin-right: 10px;}/* 左右10px */
.m-lr20{ margin-left: 20px;margin-right: 20px;}/* 左右20px */
.m-05{ margin: 5px;}/* 上下左右5px */
.m-10{ margin: 10px;}/* 上下左右10px */
.m-20{ margin: 20px;}/* 上下左右20px */


/* P パディング
---------------------------------------------*/
.p-t05{ padding-top: 5px;}/* 上5px */
.p-t10{ padding-top: 10px;}/* 上10px */
.p-t15{ padding-top: 15px;}/* 上15px */
.p-t20{ padding-top: 20px;}/* 上20px */
.p-b05{ padding-bottom: 5px;}/* 下5px */
.p-b10{ padding-bottom: 10px;}/* 下10px */
.p-b20{ padding-bottom: 20px;}/* 下20px */
.p-tb05{ padding-top: 5px;padding-bottom: 5px;}/* 上下5px */
.p-tb10{ padding-top: 10px;padding-bottom: 10px;}/* 上下10px */
.p-tb20{ padding-top: 20px;padding-bottom: 20px;}/* 上下20px */
.p-l05{ padding-left: 5px;}/* 左5px */
.p-l10{ padding-left: 10px;}/* 左10px */
.p-l20{ padding-left: 20px;}/* 左20px */
.p-r05{ padding-right: 5px;}/* 右5px */
.p-r10{ padding-right: 10px;}/* 右10px */
.p-r20{ padding-right: 20px;}/* 右20px */
.p-lr05{ padding-left: 5px;padding-right: 5px;}/* 左右5px */
.p-lr10{ padding-left: 10px;padding-right: 10px;}/* 左右10px */
.p-lr20{ padding-left: 20px;padding-right: 20px;}/* 左右20px */
.p-05{ padding: 5px;}/* 上下左右5px */
.p-10{ padding: 10px;}/* 上下左右10px */
.p-20{ padding: 20px;}/* 上下左右20px */


/* ALIGN
---------------------------------------------*/
.vAlignTop{
	vertical-align:top;
}

.vAlignMiddle{
	vertical-align:middle;
}

.vAlignBottom{
	vertical-align:bottom;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.left{
	text-align:left;
}

.centerBlock{
	margin-left:auto;
	margin-right:auto;
}

/* FLOAT
---------------------------------------------*/
.f-left {
	float:left;
}

.f-right {
	float:right;
}

.clear {
	clear: both;
}


/* IME MODE
---------------------------------------------*/
.ime-act {
	ime-mode:active;
}
.ime-inact {
	ime-mode:inactive;
}
.ime-dis {
	ime-mode:disabled;
}


/* DISPLAY
---------------------------------------------*/
.disp_none {
	display:none;
}
