
/******************************************* 基本部分 *******************************************/

html *		{box-sizing: border-box; -moz-box-sizing: border-box;} 
body		{color:#525854; background-color:#ffffff; margin:0px; padding:0px; text-align:center;}

/* 基本wrapper */	
#wrapper	{width:770px; margin:30px auto 0px auto; text-align:left;}	

/* ヘッダ */
#header		{width:770px; margin:0px;}
#header_r	{width:583px; height:60px; float:right; text-align:right;}
#header_l	{width:187px; height:60px; float:left; text-align:left;}

/* パンクズ */
#pankuzu	{width:747px; height:30px; margin-left:23px; padding-top:10px;}
#pankuzu_r	{width:280px; height:30px; float:right; text-align:right;}
#pankuzu_l	{width:467px; height:30px; float:left; text-align:left;}

/* コピーライト */
#copy		{width:722px; height:23px; text-align:left; margin:40px 0px 40px 48px;}
#copy_r		{width:200px; height:23px; text-align:right; float:right;}
#copy_l		{width:200px; height:23px; text-align:left; float:left;}
#copy_c		{width:322px; height:23px; text-align:center; float:left;}

/* サブタイトル */
#subTitle	{width:722px; height:23px; text-align:left; margin-left:48px;}
#subTitle_l	{width:250px; height:23px; text-align:left; float:left;}
#subTitle_r	{width:250px; height:23px; text-align:right; float:right;}
#subTitle_c	{width:222px; height:23px; text-align:center; float:left;}

/* backとhomeボタン */
ul#navigation 		{position:relative; height:18px; width:114; list-style:none; overflow:hidden; margin:0;}
ul#navigation li a	{position:absolute; top:0; overflow:hidden; padding-top:18px; text-indent:-100em; text-decoration:none; height:18px; width:56px;}

html>body #navsite ul li a	{width:auto;}

li#backBtn a	{background: transparent url("../images_naka/back.gif") no-repeat 0 0; left:0px;}
li#homeBtn a	{background: transparent url("../images_naka/home.gif") no-repeat 0 0; left:58px;}
li#backBtn a:hover, 
li#homeBtn a:hover	{background-position:0 -18;}


/******************************************* タブ部分 *******************************************/


/* タブ領域 背景に木 */
#treeBack	{width:747px; height:68px; margin-left:23px; padding:0px; background: url("../images_tab/bg.gif") no-repeat;}

/* タブ領域 タイトル */
#Title		{width:747px; height:47px; text-align:left;}
#Title_l	{width:48px; height:47px; text-align:left; float:left;}
#Title_r	{width:699px; height:47px; text-align:left; float:right; position:relative; top:10px;}

/* タブ */
.minimumDef		{background: transparent url("../images_tab/minimumDef.gif") no-repeat 0 0; width:52px; height:21px; margin:0; padding-top:1px; text-align:center;}
.minimumActive	{background: transparent url("../images_tab/minimumActive.gif") no-repeat 0 0; width:52px; height:21px; margin:0; padding-top:1px; text-align:center;}
.shortDef		{background: transparent url("../images_tab/shortDef.gif") no-repeat 0 0; width:72px; height:21px; margin:0; padding-top:1px; text-align:center;}
.shortActive	{background: transparent url("../images_tab/shortActive.gif") no-repeat 0 0; width:72px; height:21px; margin:0; padding-top:1px; text-align:center;}
.middleDef		{background: transparent url("../images_tab/middleDef.gif") no-repeat 0 0; width:92px; height:21px; margin:0; padding-top:1px; text-align:center;}
.middleActive	{background: transparent url("../images_tab/middleActive.gif") no-repeat 0 0; width:92px; height:21px; margin:0; padding-top:1px; text-align:center;}
.longDef		{background: transparent url("../images_tab/longDef.gif") no-repeat 0 0; width:112px; height:21px; margin:0; padding-top:1px; text-align:center;}
.longActive		{background: transparent url("../images_tab/longActive.gif") no-repeat 0 0; width:112px; height:21px; margin:0; padding-top:1px; text-align:center;}
.maxDef			{background: transparent url("../images_tab/maxDef.gif") no-repeat 0 0; width:122px; height:21px; margin:0; padding-top:1px; text-align:center;}
.maxActive		{background: transparent url("../images_tab/maxActive.gif") no-repeat 0 0; width:122px; height:21px; margin:0; padding-top:1px; text-align:center;}
.shikiri		{background: transparent url("../images_tab/shikiri.gif") no-repeat 0 0; width:3px; height:21px; margin:0; padding:0;}
.cornerLeft		{background: transparent url("../images_tab/cornerLeft.gif") no-repeat 0 0; width:19px; height:21px; margin:0; padding:0;}
.cornerRight	{background: transparent url("../images_tab/cornerRight.gif") no-repeat 0 0; width:19px; height:21px; margin:0; padding:0;}

/* タブ領域 サブメニュー */
#subMenu	{width:747px; height:48px; margin-left:23px; padding-top:5px; text-align:center; background: url("../images_tab2/bg.jpg") no-repeat;}


/******************************************* 商品リスト部分 *******************************************/


/* 商品リスト */
#list		{width:722px; text-align:left; margin-left:48px;}
.list_l		{width:240px; text-align:center; float:left;}
.list_r		{width:240px; text-align:center; float:right;}
.list_c		{width:242px; text-align:center; float:left; background: url("../images_naka/line_y.gif") repeat-y;}

/* 商品リスト 画像の縦横 */
.yoko		{width:191px; height:155px; text-align:center; background: url("../images_naka/yoko.gif") no-repeat; padding-top:20px; margin:0px auto;}
.tate		{width:191px; height:185px; text-align:center; background: url("../images_naka/tate.gif") no-repeat; padding-top:20px; margin:0px auto;}
.text		{width:191px; text-align:left; margin:0px auto;}

/* リンク色 */
a.def:link		{color: #007EB8;text-decoration: none}		
a.def:visited	{color: #007EB8;text-decoration: none}
a.def:hover		{color: #FF8745;text-decoration: none}
a.tab:link		{color: #ffffff;text-decoration: none}	
a.tab:visited	{color: #ffffff;text-decoration: none}
a.tab:hover		{color: #FFC345;text-decoration: none}

/* フォント */
H1			{font:bold 14px "MS Arial",sans-serif; margin:0px; padding:0px}
H2			{font:bold 13px "MS Arial",sans-serif; margin:0px; padding:0px}
H3			{font:normal 12px "MS Arial",sans-serif; margin:0px; padding:0px; line-height:20px;}
H3.brown	{font:bold 12px "MS Arial",sans-serif; color:#836A5F; margin:0px; padding:0px}
H3.white	{font:normal 12px "MS Arial",sans-serif; color:#ffffff; margin:0px; padding:0px}
H3.black	{font:normal 12px "MS Arial",sans-serif; color:#000000; margin:0px; padding:0px}
H4			{font:normal 10px "MS Arial",sans-serif; margin:0px; padding:0px}
H4.white	{font:normal 10px "MS Arial",sans-serif; color:#ffffff; margin:0px; padding:0px}

/* 余白 */
#yohaku		{width:722px; height:20px; margin-left:48px;}

/* floatの解除 */
br.clear	{clear:both; line-height:0px;}


/******************************************* フォーマットページ *******************************************/

/* フォーマット用タイトル */
#titleFormat		{width:747px; height:47px; text-align:left; margin-left:23px;}
#titleFormat_l		{width:48px; height:47px; text-align:left; float:left;}
#titleFormat_r		{width:250px; height:47px; text-align:right; float:right; position:relative; top:10px;}
#titleFormat_c		{width:449px; height:47px; text-align:left; float:left; position:relative; top:10px;}

/* フォーマット用リード */
#read				{width:722px; text-align:left; margin:0px 0px 20px 48px;}
#read_l				{width:150px; text-align:left; float:left;}
#read_r				{width:572px; text-align:left; float:right;}

/* 通常テキスト */
.txt				{width:722px; text-align:left; margin:20px 0px 20px 48px;}

/* フォーマット用枠付タイトル */
.dai		{width:722px; height:46px; text-align:left; margin:20px 0px 5px 48px; background: transparent url("../images_naka/formatBg.gif") no-repeat 0 0}
.dai_l		{width:35px; height:46px; text-align:left; float:left; background: transparent url("../images_naka/format_arrow.gif") no-repeat 10px 10px;}
.dai_r		{width:150px; height:46px; text-align:center; float:right; margin-top:10px;}
.dai_c		{width:537px; height:46px; text-align:left; float:left; margin-top:10px}

/* フォーマット用本文 */
.honbun			{width:700px; text-align:left; margin-left:70px; padding:0px;}

/* フォーマット用(中央寄せ) */
.honbun2		{width:700px; text-align:center; margin-left:70px; padding:0px;}

/* フォーマット用本文(写真付) */
.photoMix			{width:722px; text-align:left; margin-left:48px; padding:0px;}
.photo_yoko			{width:191px; height:155px; background: url("../images_naka/yoko.gif") no-repeat 0 0; text-align:center; padding-top:20px; margin:0; float:left;}
.photo_tate			{width:191px; height:185px; background: url("../images_naka/tate.gif") no-repeat 0 0; text-align:center; padding-top:20px; margin:0; float:left;}
.photo_honbun		{width:531px; text-align:left; margin:0; padding-top:15px; float:right;}


/******************************************* フォーム部分 *******************************************/

/* form用テーブル(表題) */
.formDai		{width:722px; text-align:left; margin-left:48px; padding:20 0; border-top:1px solid #B1B4B2;}

/* form用テーブル(線幅分-2px) */
.formTable		{width:722px; height:50px; text-align:left; margin-left:48px; margin-bottom:1px;}
.formTable_l	{width:145px; height:50px; text-align:left; text-indent:15px; float:left; background:#737C7A; padding-top:17px;}
.formTable_r	{width:316px; height:49px; text-align:left; text-indent:15px; float:right; border-right:1px solid #B1B4B2; border-top:1px solid #B1B4B2; padding-top:17px;}
.formTable_c	{width:259px; height:49px; text-align:left; text-indent:15px; float:left; border-right:1px dotted #B1B4B2; border-top:1px solid #B1B4B2; padding-top:14px;}

/* フォームテーブル(コメント部分,線幅分-1px) */
.formTable2		{width:722px; height:140px; text-align:left; margin-left:48px;}
.formTable2_l	{width:145px; height:140px; text-align:left; text-indent:15px; float:left; background:#737C7A; padding-top:14px;}
.formTable2_r	{width:576px; height:140px; text-align:left; float:right; border-right:1px solid #B1B4B2; border-top:1px solid #B1B4B2; padding-top:17px; margin-top:1px;}

/* フォームテーブル(送信ボタン部分) */
.formTable_b	{width:722px; height:50px; background:#737C7A; text-align:center; padding-top:11px; margin-left:48px;}

/* フォーム */
form			{margin:0px; padding:0px;}
select.drop		{width:190px; height:22px; margin-left:15px; padding:0px;}
select.drop1	{width:60px; height:22px; margin-left:15px; padding:0px;}
select.drop2	{width:40px; height:22px; margin-left:5px; padding:0px;}
input.textbox	{width:190px; height:22px; margin-left:15px; padding:2px;}
input.textbox1	{width:100px; height:22px; margin-left:15px; padding:2px;}
textarea		{width:500px; height:100px; margin-left:15px; padding:2px;}

/* 送信完了ページ */
#thanks			{width:722px; text-align:center; margin-left:48px; padding:20px 0px;}