@charset "utf-8"; 

/*base.css*/

/*要素初期化*/
#body {
	margin:0;
	padding:0;
	background-color:#000;
	text-align:center;
}

p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	margin:0;
	padding:0;
}

p {
	margin:0 0 1em;
}

li {list-style-type:none;}

h1 , h2 , h3 , h4 , h5 , h6 {}

strong {font-weight:bold;}
em {font-style:italic;}

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

img {border:none;}

hr {display:none;}


/*クリア*/
.clear {clear:both;}


/*ライン <div class="line-dot"><hr></div> */
.line666 {
	background:url(/img/hr666.gif) repeat-x 0 50%;
	width:100%;
	height:21px;
	border:none;
}

.line-dot21 {
	background:url(/img/hr_dot21.gif) repeat-x 0 50%;
	width:100%;
	height:21px;
	border:none;
}

/*カラー*/
.black {color:#000;}
.blue {color:#3333ff;}
.orange	{color:#ff9900;}
.red {color	:#f00;}

/*フォントサイズ*/
.font9	{font-size:9px;}
.font10	{font-size:10px;}
.font12	{font-size:12px;}
.font14	{font-size:14px;}
.font16	{font-size:16px;}
.font18	{font-size:18px;}
.font24	{font-size:24px;}
.font36	{font-size:36px;}
.xsmall {font-size:75%;}
.small {font-size:86%;}
.large {font-size:116.7%;}
.xlarge {font-size:133.4%;}

/*文字揃え*/
.textright {text-align:right;}
.textleft {text-align:center;}
.textcenter {text-align:left;}

/*スペース
使用方法：
	<div class="space10"><hr></div>
*/
.space1 {height:1px;}
.space2 {height:2px;}
.space3 {height:3px;}
.space4 {height:4px;}
.space5 {height:5px;}
.space6 {height:6px;}
.space7 {height:7px;}
.space8 {height:8px;}
.space9 {height:9px;}
.space10 {height:10px;}
.space11 {height:11px;}
.space12 {height:12px;}
.space13 {height:13px;}
.space14 {height:14px;}
.space15 {height:15px;}
.space16 {height:16px;}
.space17 {height:17px;}
.space18 {height:18px;}
.space19 {height:19px;}
.space20 {height:20px;}
.space30 {height:30px;}


/*テーブル*/
table.brdr {
background-color:#fff;
width:100%;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr td {
border-width:1px;
padding:5px 10px 5px 10px; 
border:solid 1px #dedede;
}

table.brdr_list {
background-color:#fff;
width:100%;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr_list td {
border-width:1px;
padding:2px 5px 2px 5px; 
border:solid 1px #dedede;
}

table.kill td {
padding:0px 0px 0px 0px; 
border:none;
}

/*CSSハック*/
/*clearfix*/
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}



/*全体*/
#container {
	z-index:1;
	margin:0 auto;
	text-align:left;
	width:950px;
	font-size:13px;
	font-family:Verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*ヘッダー*/
#header {
	clear:both;
	width:950px;
	margin:13px 0 21px 0;
	text-align:left;
	background-color:#272727;
}


/*本文*/
#contents {
	width:950px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
}


/*ウェルカム*/
#welcome {
	width:950px;
	height:400px;
	margin:0 auto;
	text-align:left;
	background:url(/img/welcome.gif) top center no-repeat;
}


/*カテゴリーページ・メイン*/
#main {
	width:800px;
	float:right;
	display:inline;/*IE+float 横マージン膨張対策*/
	margin:0 auto;
	background-color:#fff;
}



/*カテゴリーページ・紹介文*/
table.catintro td {
	width:100%;
	padding:10px 40px 0 40px; 
	border:none;
	font-size:14px;
	font-family:Times New Roman, Times, MS Mincho, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:27px;
	color:#666;
}

table.catintro_en td {
	width:100%;
	padding:10px 40px 0 40px; 
	border:none;
	font-size:16px;
	font-family:Times New Roman, Times, MS Mincho, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:27px;
	color:#666;
}

.subintro {
	padding:10px 0 0 40px;
	font-size:16px;
	font-family:Times New Roman, Times, MS Mincho, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:27px;
	color:#666;
}



/*カテゴリーページ・左サイド*/
#side {
	width:150px;
	float:left;
	display:inline;/*IE+float 横マージン膨張対策*/
	margin:0 auto;
	background-color:#666;
}



/*フッター*/
#foot {
	float:left;
}





/*clearfix(S)*/
.box {
	zoom:1;/*for IE 5.5-7*/
}
.box:after{/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*clearfix(E)*/





/*メインナビゲーション*/
#nav {
	clear:both;
	height:44px;
	overflow:hidden;
}
#nav ul {
	float:left;
	margin-left:60px;
	width:826px;
	background:url(/img/nav_def.gif) no-repeat;
	display:inline;
}
#nav li {
	float:left;
	list-style:none;
	text-indent:-9999px;
}
#nav li a {
	height:44px;
	display:block;
	overflow:hidden;
}
#nav .li1 {width:89px;}
#nav .li2 {width:155px;}
#nav .li3 {width:202px;}
#nav .li4 {width:153px;}
#nav .li5 {width:104px;}
#nav .li6 {width:123px;}

#nav .li1 a:hover {background:url(/img/nav_def.gif) 0px -44px no-repeat}
#nav .li2 a:hover {background:url(/img/nav_def.gif) -89px -44px no-repeat}
#nav .li3 a:hover {background:url(/img/nav_def.gif) -244px -44px no-repeat}
#nav .li4 a:hover {background:url(/img/nav_def.gif) -446px -44px no-repeat}
#nav .li5 a:hover {background:url(/img/nav_def.gif) -599px -44px no-repeat}
#nav .li6 a:hover {background:url(/img/nav_def.gif) -703px -44px no-repeat}


/*メインナビゲーション（English）*/
#nav_en {
	clear:both;
	height:44px;
	overflow:hidden;
}
#nav_en ul {
	float:left;
	margin-left:175px;
	width:597px;
	background:url(/img/nav_en_def.gif) no-repeat;
	display:inline;
}
#nav_en li {
	float:left;
	list-style:none;
	text-indent:-9999px;
}
#nav_en li a {
	height:44px;
	display:block;
	overflow:hidden;
}
#nav_en .li1 {width:127px;}
#nav_en .li2 {width:184px;}
#nav_en .li3 {width:148px;}
#nav_en .li4 {width:138px;}

#nav_en .li1 a:hover {background:url(/img/nav_en_def.gif) 0px -44px no-repeat}
#nav_en .li2 a:hover {background:url(/img/nav_en_def.gif) -127px -44px no-repeat}
#nav_en .li3 a:hover {background:url(/img/nav_en_def.gif) -311px -44px no-repeat}
#nav_en .li4 a:hover {background:url(/img/nav_en_def.gif) -459px -44px no-repeat}



/*サイドナビゲーション（TKGS）*/
#snav_tmp {
	clear:both;
	width:150px;
	margin-top:43px;
	margin-bottom:43px;
}



#snav {
	clear:both;
	width:150px;
	overflow:hidden;
}
#snav ul {
	float:left;
	margin-top:43px;
	margin-bottom:43px;
	height:240px;
	background:url(/img/catnav_tkgs_def.gif) no-repeat;
	display:inline;
}
#snav li {
	float:left;
	list-style:none;
	text-indent:-9999px;
}
#snav li a {	
	width:150px;
	display:block;
	overflow:hidden;
}
#snav .li1 {height:40px;}
#snav .li2 {height:40px;}
#snav .li3 {height:40px;}
#snav .li4 {height:40px;}
#snav .li5 {height:40px;}
#snav .li6 {height:40px;}

#snav .li1 a:hover {background:url(/img/catnav_tkgs_def.gif) -150px 0px no-repeat}
#snav .li2 a:hover {background:url(/img/catnav_tkgs_def.gif) -150px 40px no-repeat}
#snav .li3 a:hover {background:url(/img/catnav_tkgs_def.gif) -150px 80px no-repeat}
#snav .li4 a:hover {background:url(/img/catnav_tkgs_def.gif) -150px 120px no-repeat}
#snav .li5 a:hover {background:url(/img/catnav_tkgs_def.gif) -150px 160px no-repeat}
#snav .li6 a:hover {background:url(/img/catnav_tkgs_def.gif) -150px 200px no-repeat}






/*パン屑リストトップ*/
.brdcrmb_top  {
	text-align:right;
	font-size:12px;
	font-family:Verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin-right:20px;
}
.brdcrmb_top  a:link ,
.brdcrmb_top  a:visited {
	color:#333;
	text-decoration:underline;
}
.brdcrmb_top  a:hover ,
.brdcrmb_top  a:active {
	color:#333;
	text-decoration:none;
}


/*パン屑リストカテゴリー*/
.brdcrmb_cat  {
	text-align:left;
	font-size:12px;
	font-family:Verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0 0 10px 0;
}
.brdcrmb_cat  a:link ,
.brdcrmb_cat  a:visited {
	color:#f00;
	text-decoration:underline;
}
.brdcrmb_cat  a:hover ,
.brdcrmb_cat  a:active {
	color:#f00;
	text-decoration:none;
}



/*ページのトップへ戻る*/
#top {
	clear:both;
	height:22px;
	overflow:hidden;
}
#top ul {
	float:left;
	margin-left:15px;
	width:920px;
	background:url(/img/bttn_maru_top.gif) no-repeat;
	display:inline;
}
#top li {
	float:left;
	list-style:none;
	text-indent:-9999px;
}
#top li a {
	height:22px;
	display:block;
	overflow:hidden;
}
#top .li0 {width:0px;}
#top .li1 {width:920px;}

#top .li1 a:hover {background:url(/img/bttn_maru_top.gif) -0px -22px no-repeat}


/*フッターメニュー*/
#foot_menu {
	font-size:11px;
	color:#666;
	margin:6px 0 13px 13px;
	font-family:Verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.foot_menu a:link {
	color:#999;
	text-decoration:underline;
}
.foot_menu a:visited {
	color:#999;
	text-decoration:underline;
}
.foot_menu a:hover , a:active {
	color:#999;
	text-decoration:none;
}

/*コピーライト*/
#copy {
	font-style:normal;
	font-size:10px;
	color:#666;
	padding:0 0 0 0;
}
.copy a:link {
	color:#666;
	text-decoration:underline;
}
.copy a:visited {
	color:#666;
	text-decoration:underline;
}
.copy a:hover , a:active {
	color:#666;
	text-decoration:none;
}