

/* CSS Document */

/* BODYタグ定義 */
body {
	margin: 0px;
	padding: 0px;
	color: #222222;			/* 文字色変更（変更前：#666666） */
	font-size: 10pt;
	line-height: 13pt;
	background-color:#EFEFEF;
	font-family: "ＭＳ Ｐゴシック", Osaka,Arial, Helvetica, sans-serif;
}

img{
	border:0px;
}

/* ページ全体をまとめるためのボックス */
#contents {
/*	margin: 0px;	*/
	padding: 0px;
	width: 720px;
	text-align: left;	/*====== 新規追加（テキストセンタリングリセット） =====*/
	background-image:url(../../images/back_mainbody.gif);
	background-repeat:repeat-y;
	overflow:auto;
	margin-left: auto;
	margin-right: auto;
}


/* header部分の定義 */

div#header
{
max-height: 101px;
width:720px;
}

	div#header img
	{
	border: 0;
	vertical-align: bottom;
	}
	
	div#header p#lg
	{
	width: 180px;
	float: left;
	margin: 0;
	}
	
	div#header div#headright
	{
	width: 525px;
	float: right;
	padding: 0 15px 5px 0;
	margin: 0;
	}
	
	/* ==================================================== 
		Win IE 用ハック ====================================*/

	* html div#header div#headright
	{
	height: 67px;
	position: relative;
	padding-bottom: 0;
	}

	*+html div#header div#headright
	{
	height: 67px;
	position: relative;
	padding-bottom: 0;
	}

	/* ==================================================== */



		div#header div#headright p
		{
		margin: 0 0 14px 0;
		padding-top: 15px;
		text-align: right;
		}
		
		/* ==================================================== 
			Win IE 用ハック ====================================*/
		
		* html div#header div#headright p
		{
		margin-bottom: 0px;
		}

		*+html div#header div#headright p
		{
		margin-bottom: 0px;
		}

		/* ==================================================== */
		
		
		
		div#header div#headright form
		{
		width: 150px;
		float: right;
		margin: 0;
		padding: 0;
		}

		/* ==================================================== 
			Win IE 用ハック ====================================*/

		* html div#header div#headright form
		{
		position: absolute;
		top: 42px;
		right: 15px;
		}

		*+html div#header div#headright form
		{
		position: absolute;
		top: 42px;
		right: 15px;
		}

		/* ==================================================== */


		
			div#header div#headright form input
			{
			vertical-align: middle;
			border: 0;
			}
			
			div#header div#headright form input.txtbox
			{
			width: 100px;
			border: solid 1px white;
			background: #f7d0d9;
			}
		
		div#header div#headright ul
		{
		width: 260px;
		float: right;
		margin: 2px 0 0 0;
		padding: 0;
		white-space:nowrap;
		}

		/* ==================================================== 
			Win IE 用ハック ====================================*/

		* html div#header div#headright ul
		{
		position: absolute;
		top: 42px;
		left: 110px;
		}

		*+html div#header div#headright ul
		{
		position: absolute;
		top: 42px;
		left: 110px;
		}

		/* ==================================================== */


		
			div#header div#headright ul li
			{
			display: inline;
			list-style: none;
			}
/* background: url(../img/header_bg.gif) repeat-y right; */

div#header div#headright
{
background: url(../img/header_bg.gif) repeat-y right;

}

div#header div#headright ul
{
width: 260px;
}

* html div#header div#headright ul
{
left: 100px;
}


*+html div#header div#headright ul
{
left: 100px;
}

div#header div#headright form input.txtbox
{
background: #FAFCFE;
border-color: #ffffff;
}

#header_bottom{
background-image:url(../../images/header_bottom.gif);
background-repeat:no-repeat;
width:720px;
height:9px;
float:left;
}

/* footer部分の定義 */

div#footer
{
height: 41px;
font-size: 11px;
line-height: 34px;
width:720px;
white-space:nowrap;
}


	div#footer ul
	{
	width: 21em;
	float: right;
	padding: 0;
	margin: 0;
	}

	
		div#footer ul li
		{
		display: inline;
		list-style: none;
		padding-right: 2px;
		border-right: solid 1px #666;
		}
		
		/* ==================================================== 
			Win IE 用スターハック ==============================*/

		* html div#footer ul li
		{
		padding-right: 0;
		margin-left: 3px;
		}

		*+html div#footer ul li
		{
		padding-right: 0;
		margin-left: 3px;
		}

		/* ==================================================== */



			div#footer ul li.listend
			{
			border: 0;
			color: #333;
			}
			
				div#footer ul li a
				{
				text-decoration: none;
				color: #666;
				}

				div#footer ul li a:hover
				{
				text-decoration: underline;
				}

				div#footer ul li.listend a
				{
				color: #222;
				}				

	div#footer p
	{
	float: left;
	margin: 0;
	padding-left: 16px;
	color: #666;
	}


div#footer
{
background: url(../img/footer_bg.gif) repeat-x top;
width:720px;
}


/* H1タグ定義
h1 {
	margin: 0px;
	font-size: 14pt;
	color: #FFFFFF;
	background-image: url(../img/h1ic_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 2px;
}

/* H2タグ定義
h2 {
	margin: 5px 0px;
	padding-left: 10px;
	font-size: 120%; 
	line-height: 180%; 
	height: 30px; 
	color: #990000;
}

/* H3タグ定義
h3 {
	margin: 0px 0px 15px;
	font-size: 10pt;
	color: #FF6600;
	clear: both;
	background-image: url(../img/bg_h3.gif);
	background-repeat: repeat-x;
	height: 33px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

/* H4タグ定義
h4 {
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	font-weight: normal;
}
*/

#grnavi01 {
	clear: both;
	margin-top: 2px;
}
#grnavi02 {
	margin-top: 2px;/* 	margin: 0px;から変更 */
	padding: 0px;
	clear: both;
}


*:first-child+html #grnavi02 { 
	margin-top: 0px;
}

* html #grnavi02 {
	margin-top: 0px;
}

/* ナビゲーション部分 */
#grnavi03 {
	margin: 10px auto;
	text-align: center;
	clear: both;
}

/* PAGE TOPリンク用 */
#pagetoplink {
	padding: 8px 0px;
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
	text-align:right;
}

/* コンテンツ表紙の画像 */
#topimage {
	padding: 0px;
}

/* タイトル内：コンテンツトップへのリンク */
.toplink {
	font-size: 10pt;
	background-image: url(../img/mnic_00_01.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	float: right;
	padding-left: 15px;
	margin-top: 3px;
	font-weight: bold;
}

/* タイトル部分の回り込み制御 */
.dummy {
	font-size: 14pt;
}

/* H4タグの画像スペース */
.imgspace {
	margin-right: 5px;
}

/* テキスト部分の回り込み制御 */
.spdummy {
	height: 1px;
	clear: both;
}

/* テキストの位置揃え用 */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/* テキスト部分 */
#main {
	margin: auto 15px;
	padding: 0px;
}

/* ページをまとめるためのボックス */
#page {
	margin-top: 5px;
	padding: 0px;
}

/* メニュー用背景設定 */
.mnbgleft {
	background-image:   url(../img/bgmenu.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.mnbgright {
	background-image:   url(../img/bgmenu.gif);
	background-repeat: repeat-y;
	background-position: right;
}

/* テキスト部分のボックス：幅　168px */
.left10 {
	float: left;
	width: 168px;
}
.center10 {
	width: 168px;
	float: left;
	margin-right: 6px;
	margin-left: 6px;
}
.right10 {
	float: right;
	width: 168px;
}

/* テキスト部分のボックス：幅　255px */
.left15 {
	float: left;
	width: 255px;
}
.right15 {
	float: right;
	width: 255px;
}


/* テキスト部分のボックス：幅　342px */
.left20 {
	float: left;
	width: 342px;
}
.right20 {
	float: right;
	width: 342px;
}


/* 画像のキャプション：左寄せ */
.imgcaptleft {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 80%;
}

/* 画像のキャプション：センタリング */
.imgcaptcenter {
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 80%;
}

/* 区切り線 */
.spdash {
	height: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	clear: both;
}
.spdash15 {
	height: 1px;
	margin-top: 1px;
	margin-bottom: 15px;
	clear: both;
	background-image: url(../img/bg_dot.gif);
	background-repeat: repeat-x;
}

/* 商品説明部分 */
.substance {
	margin-bottom: 15px;
}

/*************************************** 2005.10.25追加 */
/* 商品説明画像部分 */
.subimage {
	margin-right: 10px;
	float: left;
}
.subimage-right {
	margin-left: 10px;
	float: right;
}

/* 商品説明テキスト部分 */
.subtext {
	font-size: 10pt;
	line-height: 13pt;
}

/*************************************** 2005.10.25追加 ここまで */

/* コンテンツTOPへのリンク設定 */
.toplink a {
	color: #FFFFFF;
	text-decoration: underline;
}
.toplink a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.toplink a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

/************************************************** グループ用のCSS *****/

/* HEADER */
.grnvbg {
	background-image: url(../img/bg_grnv02.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 28px;
}

#grpheader {
	margin: 0px;
	padding: 0px;
}
#grpheadleft {
	margin: 0px;
	padding: 0px;
	float: left;
}
#grpheadright {
	margin: 0px;
	padding: 0px;
	float: right;
}

/* テーブル下注釈用 */
.note {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* 印刷アイコン用 */
#print {
	margin-top: 30px;
	margin-bottom: 15px;
	text-align: right;
}

/************************************************** 20051014追加 */
/* 太字対応 */
.b {
	font-weight: bold;
}

/* 赤い文字 */
.red {
	color: #ff0000;
}

/* 上揃え */
.top {
	vertical-align: top;
}
/* 中央揃え */
.middle {
	vertical-align: middle;
}
/* 下揃え */
.bottom {
	vertical-align: bottom;
}


/* SEO関連 */
#mainbody h1 {
	margin:10px 0 -10px 0;
	padding:0;
	font-size:16px;
	color:#666666;
}

/************************************************** 20090703追加 */

/* SEO関連 */
/* 旧h1 */
#mainbody .h1read {
	margin:15px 0 -10px 0;
	padding:0;
	font-size:16px;
	color:#666666;
	font-weight:bold;
}

/* TOP用h1 */
#mainbody #toph1 {
	margin:0;
	padding:5px;
	font-size:16px;
	color:#666666;
}

/* TOP用フッターテキスト */
#ftagline{
	background-image:url(../img/footer_menu_bg.gif);
	padding:5px 15px 10px 15px;
	text-align:right;
	font-size:10px;
}

/* トピックパス */
#path{
	margin: 25px 5px 10px 0;
	padding: 0;
	font-size:10px;
}

/************************************************** 20100205追加 */

/* レイアウト用 */

	/* clearfix */

.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


	/* フォントサイズ */

.small90 {
	font-size:95%;
}

.small80 {
	font-size:80%;
}


/************************************************** 20100303追加 */

/* 見出し：h1下（オレンジ色） */

#mainbody .toph_or {
	margin: 0;
	padding:0;
	font-size: 16px;
	line-height: 150%;
	color:ff6600;
}

/* 見出し：h1下（グレー） */

#mainbody .toph_gr {
	margin: 0;
	padding:0;
	font-size: 16px;
	line-height: 150%;
	color:666666;
}


/* 赤い文字02 */
.red_cc {
	color: #cc0000;
}


/************************************************** 20100310追加 */


/* 見出し：h2〜 */

#mainbody h2, #mainbody h3, #mainbody h4, #mainbody h5 {
	margin: 0;
	padding:0;
}

