@charset "SHIFT-JIS";

/*
Copyright (C) 2008 ECS All Rights Reserved.
base CSS 
*/


/*-----------------------
   Global Property
-----------------------*/
*			{ margin:0; padding:0; vertical-align:top;}
html		{ filter: expression(document.execCommand("BackgroundImageCache", false, true));}
html,body	{ height:100%;}
body		{ margin:0; padding:0; }

img			{ border:none;}
hr			{ height:1px; border-bottom:1px dotted #333333; border-width:0 0 1px; margin:5px 0; padding:5px 0;}
input,		textarea, select{ margin:3px 5px 1px 0; padding:1px;}
input:focus,textarea:focus	{ background-color:#FDF2F2; color:#000000;}

#mainarea p					{ margin:10px 0;}
#mainarea ul,#mainarea ol	{ margin:5px 0 5px 20px;}

pre	{ line-height:1; width:350px; overflow: scroll; margin:5px 0; padding:5px 15px 5px 5px; background-color:#333333; color:#FFFFFF; }

/* テンプレート */
#upper,#footer	{ text-align:center;}	/*IE6センタリング*/
#header ,#navarea ,#mainarea, #main_bottom	{ width:840px; margin:0 auto; text-align:left;}
#header		{ height:75px; background:url("../images/bg_header.jpg") no-repeat top center;}
#navarea	{ height:35px; background:url("../images/bg_gnav.jpg") no-repeat top center;}
#mainarea	{ padding:35px 90px 175px; width:660px; min-height:500px; background:url("../images/bg_main_top.jpg") no-repeat top left;}
#main_bottom{ padding:50px 90px 0; width:660px; height:50px; text-align:right; background:url("../images/bg_main_btm.gif") no-repeat top center;}
* html #mainarea{ width:840px;}
* html #main_bottom{ width:840px; height:100px;}

/* header */
h1			{ float:left; padding:11px 0 0 30px;}
#bnr_blog	{ float:right; padding:11px 27px 0 0;}

/* Footer */
* html div#container{ height:100%;}
#container			{ position:relative; min-height:100%; background:url("../images/bg_main_mid.gif") repeat-y top center;}
body > #container	{ height:auto;}
#footer				{ height:175px; position:absolute; bottom:0px; width:100%; background:url("../images/bg_footer.gif") repeat-x top center;}

#footcontent		{ padding:10px;}
#footcontent		{ width:840px; margin:0 auto;}

#copyright			{ float:left; padding:20px 0 0 30px;}
#btn_sitemap 		{float:right; padding:15px 90px 0 0;}



/* ナビ */
/* Global Navi */
/* Root = Horizontal, Secondary = Vertical */
ul#gnav { padding:9px 0 0 50px; border:0 none; margin:0; list-style:none; font-size:14px; line-height:1.4;
			width:700px; /*For KHTML*/}
ul#gnav li { margin:0; border:0 none; padding:0 15px 0 0; display:inline; list-style:none; position:relative; height:24px;
			float: left; /*For Gecko*/}
ul#gnav ul { margin:0; border-width:0 0 1px; padding:0; width:120px; list-style:none; display: none; position:absolute; top:18px; left:0; font-size:12px;}
ul#gnav ul:after /*From IE 7 lack of compliance*/{
			  clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
ul#gnav ul li { width: 120px; height:auto;
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				}
ul#gnav ul li.last	{ border-bottom:1px solid #CC0000; padding:0;}

/* Root Menu */
ul#gnav a { border-left:1px solid #FFFFFF; padding:0 10px;  display:block; color:#FFFFFF; text-decoration:none; margin:1px 0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  height: auto !important;
  height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#gnav a:hover,
ul#gnav li:hover a,
ul#gnav li.iehover a { background:#FDF2F2; color:#CC0000; border:1px solid #CC0000; border-width:0 0 0 1px; margin:0;}
* html ul#gnav a:hover,
* html ul#gnav li:hover a{ margin:0; border-width:0 0 0 1px;}

/* 2nd Menu */
ul#gnav li:hover li a,
ul#gnav li.iehover li a { float:none; background:#FDF2F2; color:#CC0000; padding:3px 10px 2px; border-right:1px  solid #CC0000;}
* html ul#gnav li.iehover li a{ width:120px;}
/* 2nd Menu Hover Persistence */
ul#gnav li:hover li a:hover,
ul#gnav li:hover li:hover a,
ul#gnav li.iehover li a:hover,
ul#gnav li.iehover li.iehover a { background:#CC0000; color:#FFF;}

/* 3rd Menu */
ul#gnav li:hover li:hover li a,
ul#gnav li.iehover li.iehover li a { background:#FDF2F2; color:#CC0000;}
/* 3rd Menu Hover Persistence */
ul#gnav li:hover li:hover li a:hover,
ul#gnav li:hover li:hover li:hover a,
ul#gnav li.iehover li.iehover li a:hover,
ul#gnav li.iehover li.iehover li.iehover a { background:#CC0000; color:#FFF;}

/* 4th Menu */
ul#gnav li:hover li:hover li:hover li a,
ul#gnav li.iehover li.iehover li.iehover li a { background:#FDF2F2; color:#CC0000;}
/* 4th Menu Hover */
ul#gnav li:hover li:hover li:hover li a:hover,
ul#gnav li.iehover li.iehover li.iehover li a:hover { background:#CC0000; color:#FFF;}

ul#gnav ul ul,
ul#gnav ul ul ul { display:none; position:absolute; top:0; left:119px; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#gnav li:hover ul ul,		ul#gnav li:hover ul ul ul,
ul#gnav li.iehover ul ul,	ul#gnav li.iehover ul ul ul { display:none;}
ul#gnav li:hover ul,	ul#gnav ul li:hover ul,		ul#gnav ul ul li:hover ul,
ul#gnav li.iehover ul,	ul#gnav ul li.iehover ul,	ul#gnav ul ul li.iehover ul { display:block;}











/* カラーサンプルサムネイル用 */
#mainarea ul.colorthumb_list	{ text-align:center; padding:0; margin:9px 0 0; list-style:none;}
#mainarea ul.colorthumb_list li	{ float:left; margin-left:7px; padding:0;}
ul.colorthumb_list


/* サイトマップ用 */
#mainarea ul.sitemaplist	{ margin-left:0; padding-left:0; list-style:none; border-bottom:1px dotted #999999;}
#mainarea ul.sitemaplist ul{ margin-left:0; padding-left:0; list-style:none;}
#mainarea ul.sitemaplist li	{ border-top:1px dotted #999999; list-style:none; padding:5px 0 5px 20px; margin:0;}
#mainarea ul.sitemaplist ul li{ margin-left:0; padding-left:;}

/* タブ
--------------------*/
.tabbox					{ margin:30px 0 10px; padding-bottom:20px; background:url("/common/images/tab_bg.gif") no-repeat left bottom;}
* html .tabbox			{ padding-bottom:16px;}
#mainarea ul.tabs		{ padding:0; margin:0 0 0 10px; height:25px;}
#mainarea ul.tabs li 	{ padding:0; margin:0; list-style:none; display:inline; height:25px;}
ul.tabs li a 			{ float:left; display:block; height:25px; padding-right:10px; margin-right:5px; cursor:pointer; color:#FFFFFF; text-decoration:none;
						  background:url("../images/tab_off_R.gif") repeat-x right top;}
ul.tabs li a span 		{ display:block; padding:0 0 0 10px; margin:0; line-height:2.2; font-size:1.1em;
						  background:url("../images/tab_off_L.gif") no-repeat left top;}

ul.tabs li.active a 	{ background-image:url("../images/tab_on_R.gif");}
ul.tabs li.active a span{ background-image:url("../images/tab_on_L.gif");}





ul.tabs li a:hover 		{ background:url("../images/tab_on_R.gif") no-repeat right top; text-decoration:none;}
ul.tabs li a:hover span { background:url("../images/tab_on_L.gif") no-repeat left top; color:#FFFFFF; text-decoration:none;}
ul.tabs li.tabs-selected a		{ background:url("../images/tab_on_R.gif") no-repeat right top;}
ul.tabs li.tabs-selected a span{ background:url("../images/tab_on_L.gif") no-repeat left top; color:#FFFFFF;}
#content_area ul.tabs li a:hover{ text-decoration:none;}



/* content area */
h2		{ background:url("../images/line_red.gif") repeat-x bottom center; padding-bottom:3px; font-size:2em; margin:0 0 20px; font-weight:normal; color:#CC0000; }
h2 span	{ border-left:5px solid #CC0000; padding-left: 8px;}
h3		{ font-size:1.6em; font-weight:normal; color:#CC0000; border-bottom:1px dotted #666666; margin:40px 0 15px;}
h2+h3, table+h3	{ margin-top:20px;}

/* Table */
.basicTable		{ border-top:1px solid #999999; border-left:2px solid #666666; margin:20px 0 10px;}
.basicTable th,.basicTable td	{ padding:7px 10px; vertical-align:top;}
.basicTable th	{ background:url("../images/bg_dot.gif") repeat; border-width:2px 0 1px; border-color:#FFFFFF #FFFFFF #999999; border-style:solid;}
.basicTable td	{ border-bottom:1px solid #999999;}
h3+.basicTable	{ margin-top:10px;}

/* フォーム */
.submitbtn		{ text-align:center; margin:0 auto; letter-spacing:1em;}
.submitbtn input{ letter-spacing:0.2em; text-align:center; padding:0 5px 0 10px; }


/* その他 */
.angler		{ background-color:#FDF2F2; border-top:1px solid #CC0000; padding:9px 12px 0; line-height:1; font-weight:bold; font-size:1.2em;}
.detail_text	{ color:#FFFFFF; padding:0 5px 0 15px; line-height:1.4;}


/* font /* 
*******************
font用
*******************
  px  percent
  ------------
  10  77	85
  11  85	92
  12  92	100
  13  100	107
  14  107	114
  15  114	122
  16  122	129
  17  129	136
  18  136	144
  19  144	152
  20  152	159
  21  159	167
  22  167	174
  23  174	182
  24  182	189
  25  189	197
  26  197
********************/
body		{ font-size:12px; line-height:1.5; color:#333333; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック"; }
* html body	{ font-size:12px;}
* html table{ font-size:12px; line-height:1.5;}
.english	{ font-family:Arial, Helvetica, sans-serif;}

a			{}
a:link 		{}
a:visited	{}
a:hover 	{ text-decoration:none;}
a:active 	{}


#navarea	{ }
#footer		{ color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif;}

.colorRed	{ color:#CC0000;}
th.colorRed { color:#993333;}

.text18		{ font-size:18px;}
.text16		{ font-size:16px;}
.text14		{ font-size:14px;}
.text10		{ font-size:10px;}





.pkg:after			{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg			{ display: inline-block; }
/* no ie mac ＼*/
* html .pkg			{ height: 1%; }
.pkg				{ display: block; }
/* */
*+html .pkg			{ height:1%;}