/* --- ネイビー基調のページ --- */

/* --- bodyの設定 --- */

body {
 	font-family:"ＭＳ Ｐゴシック","Osaka";
	margin: 0px;
	padding: 0px;
	background-color: #ffffff; 
	color: #000000;
	font-size: 80%;
}

/* --- 全体のリンクテキスト設定 --- */

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



/* --- 各ブロックの設定 --- */

#header div.block,
#topImg div.block,
#contents div.block{
	width: 880px;
	margin: 0 auto;
	position: relative; /* 相対配置（ガイドメニューのために設定） */
}

#footer div.block {
	width: auto;
	margin: 0 auto;
	position: relative; /* 相対配置（ガイドメニューのために設定） */
}

#mainMenu div.block{
	width:945px;
	margin:0 auto;
	
}
/* --- 見出し設定 --- */

h1,h2 {	 /* タイトルロゴと上部画像 */
	margin: 0px ;
}

h3	{ /*サブページ見出し*/
	width:595px;
	height:23px;
	margin:20px 0px 0px 20px;/*上・右・下・左*/
	padding:7px 0px 0px 25px;
	font-size:11pt;
	color:#333333;
	background-image:url(images_scl/midashi_bg.gif);
}

/* --- ヘッダー内の設定 --- */

#header{
	border-top: 5px #000033 solid; /* 上部の線 */
	background: url(images_scl/header_bg.gif) ;/* 背景画像 */
}

#header p{
	position: absolute; /* 絶対配置 */
	margin: 0;
	top: 40px; /* 上からの距離 */
	right: 5px; /* 右からの距離 */
}
#header p strong {
	font-weight: normal; /* 文字の太さ（ノーマル） */
}


.topMenu { 	/* 右上部のメニュー */
	position: absolute; /* 絶対配置 */
	top: 5px; /* 上からの距離 */
	right: 5px; /* 右からの距離 */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.topMenu li {	/* メニュー項目 */
	display: inline;
	padding: 0px 4px 0px 8px; /* 項目のパディング（上右下左） */
	background: url(images/menu_line_gray.gif) no-repeat left; /* 区切り線 */
}

.topMenu li.first {	/* 最初の項目・区切り線なし */
	background: none; 
}

/* --- メインメニューの設定 --- */

#mainMenu {
	background: url(images_scl/mainmenu_off.gif) repeat-x top; /* ヘッダメニューの背景 */
	border-top: 1px #000033 solid; /* 上の境界線 */
	border-bottom: 2px #000033 solid; /* 下境界線 */
}

#mainMenu ul {
	width: 945px; /* メニュー本体の幅 */
	margin: 0;
	padding: 0;
	border-left: 1px #000033 solid; /* 左境界線 */
	border-right: 1px #525690 solid; /* 右境界線 */
	list-style-type: none;
	text-align: center;
}

#mainMenu li {
	width: 115px; /* 項目の幅 */
	float: left;
	line-height: 100%;
}

#mainMenu li.first,
#mainMenu li.last {	/* 最初の項目と最後の項目 */
	width: 116px; /* 項目の幅 */
}

#mainMenu li#menu_long {
	width: 138px; /* 項目の幅 */
}
#mainMenu li a {	/* リンクエリア */
	display: block;
	position: relative; /* IE6用 */
	padding: 10px 2px 2px 7px; /* リンクエリアのパディング */
	border-left: 1px #525690 solid; /* 左境界線 */
	border-right: 1px #000033 solid; /* 右境界線 */
	font-weight: bold; /* 文字の太さ（太字） */
	color: #ffffff; /* 文字色 */
	text-decoration:none;
}

#mainMenu li a span.en {	/* 英字部分 */
	display: block;
	margin-top: 2px; /* 英字部分の上マージン */
	font-size: 85%; /* 英字の文字サイズ */
	font-weight: normal; /* 文字の太さ（ノーマル） */
	color: #eee8aa; /* 英字の文字色 */
	text-decoration:none;

}

#mainMenu li a:hover,
#mainMenu li.active a {	/* ポイント時とアクティブ時の設定 */
	background: url(images_scl/mainmenu_on.gif) repeat-x top;
}
#mainMenu li a:hover span.en,
#mainMenu li.active span.en {
	color: #fde337; /* ポイント時（アクティブ時）の英字の文字色 */
}


/* ---コンテンツ枠 --- */

#contents {
	height:300px;
	background: url(images_scl/contents_bg.gif) repeat-x top; 
}

/* --- メインコンテンツ内の設定 --- */

#mainFrame {
	margin:20px 0px 0px 0px;
	float: right;
	width: 640px;
}

#titleImg {
	margin: 0px 0px 0px 20px;
	_margin: 0px 0px 0px 10px; /* IE6対応 */
}

#mainTopix {
	margin: 20px 0px 20px 20px;
	_margin: 20px 0px 20px 10px; /* IE6対応 */
	padding: 15px 15px 15px 15px;
	border: 1px #cccccc solid;
	background-color: #ffffff;
	text-align:center;
}

#section {
	margin: 0px 0px 20px 20px;
	_margin: 0px 0px 20px 10px; /* IE6対応 */
	padding: 15px 15px 15px 15px;
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	background-color: #ffffff;
	line-height:1.8em;/*修正により追加*/
}

.introImg {
	margin: 10px auto; 
}

.topix {
	float:left;
	margin: 30px 20px 30px 20px; 
	_margin: 30px 10px 30px 10px;  /* IE6対応 */
	padding: 0px;
}

.tokuten-midasi {
	float:left;
	width:560px;
	margin: 10px 5px 10px 10px; 
	_margin: 10px 2px 10px 5px;  /* IE6対応 */
	padding: 0px;
}

.tokuten {
	float:left;
	width:180px;
	margin: 10px 5px 10px 10px; 
	_margin: 10px 2px 10px 5px;  /* IE6対応 */
	padding: 0px;
}

/* scl_order */

.itemBox { /* 商品の枠 画像2枚タイプ */
	float:left;
	width:150px;
	margin:0px 30px 0 30px;
	_margin:0px 30px 0 30px; /* IE6対応 */
	padding:5px;
	/*border: 1px #D9D9FF solid;*/
	text-align:center;
}

.itemBox2 { /* ***商品の枠 画像1枚タイプ */
	width:354px;
	margin:0px auto 0 auto;
	_margin:0px 7px 0 7px; /* IE6対応 */
	padding:5px 30px;
	/*border: 1px #D9D9FF solid;*/
	text-align:center;
}

.itemBox-wrap { /* ***商品の枠を囲う外枠 */
	width: 444px;
	margin: 0 auto 20px auto;
	border: 1px #D9D9FF solid;
}

/* scl_faq */

.faqClass01 {/* 女の子 */
	margin: 10px 30px 15px 15px;
	padding: 5px 0px 3px 7px;
	border-bottom: 1px #330033 solid;
	background-color: #910048;
	color:#ffffff;
	font-weight:bold;
}

.faqHeader01 {/* 女の子 */
	margin: 10px 40px 20px 25px;
	padding: 2px 0px 2px 7px;
	border-left: 5px #330033 solid;
	border-bottom: 1px #333333 dotted;
	color:#333333;
	font-weight:bold;
}
.faqClass02 {/* 男の子 */
	margin: 30px 30px 30px 15px;
	padding: 5px 0px 3px 7px;
	border-bottom: 1px #000033 solid;
	background-color: #000066;
	color:#ffffff;
	font-weight:bold;
}

.faqHeader02 {/* 男の子 */
	margin: 10px 40px 20px 25px;
	padding: 2px 0px 2px 7px;
	border-left: 5px #000033 solid;
	border-bottom: 1px #333333 dotted;
	color:#333333;
	font-weight:bold;
}

.faqClass03 {/* 店 */
	margin: 30px 30px 30px 15px;
	padding: 5px 0px 3px 7px;
	border-bottom: 1px #003300 solid;
	background-color: #336633;
	color:#ffffff;
	font-weight:bold;
}

.faqHeader03 {/* 店 */
	margin: 10px 40px 20px 25px;
	padding: 2px 0px 2px 7px;
	border-left: 5px #336633 solid;
	border-bottom: 1px #333333 dotted;
	color:#333333;
	font-weight:bold;
}


.faqItem {
	clear:both;
	margin: 0px 60px 15px 40px;
	padding: 0px;
}





/* --- 左フレーム内の設定 --- */

#leftFrame {
	margin:20px 0px 0px 0px;
	float: left;
	width: 240px; /* サイドバーの幅 */
}

#leftFrame .heading {
	margin: 0;
	padding: 7px 0px 3px 5px;
	height:15px;
	background: url(images_scl/left_heading_bg.gif) ; 
}

#leftFrame .heading a{
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#leftFrame .leftMenu { /* 左フレーム内のメニュー */
	margin: 0px;
	padding: 2px 0px 0px 5px;
	border-left: 5px #CACCE1 solid; /* 左境界線 */
	color: #ffffff;
	font-weight:bold;
	font-size: 105%;
	line-height: 100%;
}

#leftFrame .itemWaku { /* 左フレーム内の項目 */
	margin: 0px 0px 20px 0px;
	padding: 8px;
	border-left: 1px #525690 solid; /* 左境界線 */
	border-right: 1px #525690 solid; /* 左境界線 */
	border-bottom: 1px #525690 solid; /* 左境界線 */
	background-color: #FFFFFF;
	line-height: 140%;
}

.itemWaku ul.list	{/*リスト*/
	margin:0px;
	padding:0px 0px 0px 3px;		/*リストマークインデント*/
	list-style:none;
}

.itemWaku ul.list li	{
	margin:2px;
	padding:0px 0px 0px 17px;		/*リストインデント*/
	background:url("images_scl/list_brue.gif") no-repeat;
}

.qr	{ /*QRコード*/
	float: left;
	margin: 0px;
}


/* --- フッター内の設定 --- */

#footer	{ /*フッター枠*/
	clear:both;
	margin:0px auto;
	padding:40px 0px 0px 0px;
	background: url(images_scl/footer_bg.gif); 

}
#footer ul.menu {
	margin: 10px 0px 5px 0px; /* フッタメニューのマージン */
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#footer ul.menu li {
	padding: 0px 4px 0px 8px; 
	background: url(images/menu_line_gray.gif) no-repeat left; /* 区切り線 */
	display: inline;
}

#footer ul.menu li.first {
	background-image: none; /* 区切り線なし */
}

#footer .add {/* 住所  */
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	font-style: normal;
	text-align: center;
	line-height: 140%; /* 行の高さ */
	border-top: 1px #000033 dotted;
}

#footer .copyRight {/* コピーライト */
	padding: 3px;
	background-color: #000033;
	color:#FFFFFF;
	text-align: center;
}


/* --- 画像設定 --- */

img {
	border: none;/* リンクボーダーなし */
}
.imageLeft	{ /*画像左、文章右*/
	float: left;
	margin: 20px 10px 15px 20px;
}
.imageRight	{ /*画像右、文章左*/
	float:right;
	margin : 0px 10px 25px 20px;
}

.imageCenter { /*画像中央*/
display:block;
margin:auto;
}

/* --- clearfix --- */

.clearFix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}


/* --- フレーム解除 --- */
	
#mainClear	{
	clear:both;
}