@charset "utf-8";


/* CSS Document */
/* screen.css   */

/****************/
/**   reset    **/
/****************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


body,table		{ font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3" ,"ＭＳ Ｐゴシック", Osaka, sans-serif;}
h3 { margin-bottom:5px;}
p{ margin-bottom:10px;}

/****************/
/**   common   **/
/****************/
strong				{ font-weight:bold; letter-spacing:-0.05em; color:#CC3300;}
img					{ border:none;}
hr					{ border:0; border-top:1px solid #E5DDC1; padding:0; margin:0;}

/****************/
/**   layout   **/
/****************/


body			{ text-align:center; background:url("../images/back_white.gif") repeat center top;}
#continer		{ width:800px; margin:0 auto; background:url("../images/back_right.jpg") repeat-y right bottom;}
#frame			{ background:url("../images/back_left.jpg") repeat-y left bottom;}
#header			{ background:url("../images/back_header.png") repeat-y center top; height:116px; width:800px;}
#content		{ padding:0 80px 30px; background:url("../images/back_main.gif") repeat-y center bottom; height:1%;}
#leftcontent	{ float:left; width:160px; padding-top:30px; text-align:left;}
#rightcontent	{ float:right; width:470px; _width:480px; text-align:right; padding:30px 10px 0 0; background:url("../images/back_mainwhite.jpg") no-repeat left top;}
#footer			{ height:220px; background:url("../images/back_foot.jpg") no-repeat top left;}

.mTBox			{ padding:0px 0 0 45px; text-align:left;}
.mBox			{ padding:10px 0 20px 45px; text-align:left;}
.sBox			{ padding:20px 0 0 45px; text-align:left;}

#rightcontent .mTBox h2{ text-align:left; font-size:164%; border-left:3px solid #DD2920; padding:2px 8px;}


/**   header
/****************/
#logo 			{ float:left;}
#logo a			{ display:block; text-indent:-9999px; width:270px; height:60px; margin:26px 0 0 91px; background:url("../images/logo.jpg") no-repeat left top;}
#funcnav		{ float:right;text-align:right;}
#funcnav ul			{ margin:56px 97px 0 0;}
#funcnav ul li		{ margin:0; padding:0;}

/**   footer
/****************/
#address			{ visibility:hidden;}
#copy				{ margin:170px 0 0 50px; font-size:0.9em; font-family:Helvetica, Arial, sans-serif; color:#A39996; text-align:left;}

/**   leftmenu
/****************/
ul#leftnav				{ margin:0; padding:0; list-style:none;}
ul#leftnav li 			{ padding:5px 0; border-bottom:2px dotted #E9E5C8;}
ul#leftnav li a			{ display:block; width:140px; height:30px; text-indent:-9999px; overflow:hidden;}

li#nav_about a			{ background:url("../images/nav_about.gif") no-repeat 0 0;}
li#nav_info	a			{ background:url("../images/nav_info.gif") no-repeat 0 0;}
li#nav_topics a			{ background:url("../images/nav_topics.gif") no-repeat 0 0;}
li#nav_menu a			{ background:url("../images/nav_menu.gif") no-repeat 0 0;}
li#nav_item a			{ background:url("../images/nav_item.gif") no-repeat 0 0;}
li#nav_contact a		{ background:url("../images/nav_contact.gif") no-repeat 0 0;}
li#nav_home a			{ background:url("../images/nav_home.gif") no-repeat 0 0;}
li#nav_staff a			{ background:url("../images/nav_staff.gif") no-repeat 0 0;}
li#nav_blog a			{ background:url("../images/nav_blog.gif") no-repeat 0 0;}

li#nav_about a:hover, li#nav_about a:active,
li#nav_info a:hover, li#nav_info a:active,
li#nav_topics a:hover, li#nav_topics a:active,
li#nav_menu a:hover, li#nav_menu a:active,
li#nav_item a:hover, li#nav_item a:active,
li#nav_contact a:hover, li#nav_contact a:active,
li#nav_home a:hover, li#nav_home a:active,
li#nav_staff a:hover, li#nav_staff a:active,
li#nav_blog a:hover, li#nav_blog a:active	{ background-position: -240px 0;}





/**   page
/****************/
.stafflink		{ width:105px; _width:127px; float:right; text-align:center; margin:10px 0 0 10px; padding:5px 10px; border:1px solid #E5DDC1; background-color:#F9F9E1;}


.hanniel_box{ width:430px; background:url("/topics/images/hanniel_boxmid.gif") repeat-y 0 0; color:#CC3300;  text-align:center; padding-bottom:0;}
.hanniel_box img{ margin-bottom:0;}
.hanniel_box h3{ padding-bottom:3px; border-bottom:3px double #CC3300; margin-bottom:10px; width:380px; margin:0 auto;}
.hanniel_box ul{ width:380px; margin:0 auto 0; padding-top:5px;}
.hanniel_box ul li{ text-align:left; background:url("/topics/images/hanniel_icn01.gif") no-repeat 0 0; margin-top:5px; padding-left:25px; list-style:none;}
.hanniel_box .content{ width:380px; margin:0 auto; text-align:left; color:#664422;}
.hanniel_listblue{ margin-bottom:20px;}
.hanniel_listblue li{ background:url("/topics/images/hanniel_icn02.gif") no-repeat 0 0; margin-top:5px; padding-left:25px; list-style:none;}
.hanniel_listblue li span{ font-size:85%; color:#996633;}


/**   common
/****************/
.fL	{ float:left;}
.fR	{ float:right}
.aL	{ text-align:left;}
.aR	{ text-align:right;}
.aC	{ text-align:center;}
.bnone	{ border:0;}
.w100	{ width:99%;}
.w70	{ width:70%;}
.w50	{ width:50%;}
.w30	{ width:30%;}
.w15	{ width:15%;}
.mL		{ margin-left:10px;}
.mR		{ margin-right:10px;}
.mT		{ margin-top:10px;}
.mB		{ margin-bottom:10px;}

.pagetop		{ margin:10px 10px 0 360px; text-align:left; background:url("../images/icn_pagetop.gif") no-repeat left center;}
.pagetop a		{ display:block; padding-left:16px;}
.pageback		{ margin:10px 10px 0 45px; text-align:left; background:url("../images/icn_pageback.gif") no-repeat left center;}
.pageback a		{ display:block; padding-left:16px;}

/**   table
/****************/
table .none	{ border:none; background:none; padding-top:0px;}

.StaffTable	 	{ width: 430px; _width: 410px; margin-bottom:5px; border: none; border-bottom:1px solid #E5DDC1; text-align:left;}
.StaffTable th 	{ width: 35%; padding:5px 10px 3px; font-weight:normal; background-color:#F8F8E0; border-top:1px solid #E5DDC1; vertical-align:top; line-height:1.5em;}
.StaffTable td 	{ width: 65%;padding:5px 10px 3px; border-top:1px solid #E5DDC1; line-height:1.5em;}

.MenuTable	 	{ width: 400px; margin:0 0 20px 20px; text-align:left;}
.MenuTable th 	{ width: 60%; padding:5px 10px 3px; margin-left:80px; font-weight:normal; border-bottom:1px solid #E5DDC1; vertical-align:top; line-height:1.5em;}
.MenuTable td 	{ width: 40%;padding:5px 10px 3px; text-align:right; border-bottom:1px solid #E5DDC1; line-height:1.5em;}

.itemBox		{ padding:15px 0 0 0; margin:15px 0 0 40px; border-top:1px solid #D5CDB1; text-align:left;}
/*
.itemTable		{ width:255px; float:right;border-bottom:1px solid #E5DDC1;}
.itemTable th	{ padding:2px 2px; font-weight:bold; letter-spacing:-0.05em; line-height:1.5em;}
.itemTable td	{ padding:2px 2px; padding-bottom:5px;}
.itemTable td.price	{ text-align:right; font-size:0.8em; line-height:1.2em;}
.itemTable th.none	{ border:0;}
*/
.itemList		{ width:255px; float:right;}
.itemList dt	{ padding:2px; font-weight:bold; font-size:100%; letter-spacing:-0.05em; line-height:1.5em;}
.itemList dd	{ padding:2px 2px 5px; text-align:right;  border-bottom:1px solid #E5DDC1;}
.itemcom		{ clear:both; padding-top:10px;}
.itemcom dt		{  border-top:1px solid #E5DDC1;}
.itemcom dt,
.itemcom dd		{ padding:2px 0;}
dt.bnone,dd.bnone	{ border:0;}

.infoList		{}
.infoList dt	{ float:left; width:75px; padding:2px; font-size:100%; border-top:1px solid #E5DDC1;}
.infoList dd	{ width:200px; margin-left:75px; padding:2px 2px; font-size:100%; border-top:1px solid #E5DDC1;}


/**   form
/****************/
.formTable	 	{ width:98%; border: none; border-bottom:1px solid #E5DDC1; background-color:#F9F9E1; text-align:left;}
.formTable th 	{ width: 30%; padding:5px 10px 3px; font-weight:normal; border-top:1px solid #E5DDC1; vertical-align:top; line-height:1.3em;}
.formTable td 	{ width: 55%;padding:5px 10px 3px; border-top:1px solid #E5DDC1; line-height:1.5em;}

fieldset			{ margin:0; padding:10px; border:1px solid #D5CDB1;}
legend				{ padding:0 10px;}
form 				{ margin:0; padding:0;}
input, textarea, select	{ margin:2px 0; padding:0; border:1px solid #D5CDB1; background-color:#FFFFFF;}
legend			{ font-size:1.4em; color:#664422;}


/****************/
/**    font    **/
/****************/
body				{ font-size:12px; _font-size:80%; line-height:1.5em; color:#664422;}
table				{ font-size:12px; _font-size:85%; line-height:1.5em; color:#664422;}

dd,dt			{ font-size:0.85em; line-height:1.5em;}

h3					{ font-size:14px; _font-size:1.3em;}

a 						{ text-decoration: underline;}
a:link					{ color:#2F730E;text-decoration: underline;}
a:visited				{ color:#2F730E;}
a:active				{ color:#3B6665;}
a:hover					{ color:#B79644; text-decoration: none;}

a img					{ text-decoration:none; border:none;}


.StaffTable .atte1{ font-size:0.9em; color:#A39996; font-family:Georgia, "Times New Roman", Times, serif; font-style:oblique; font-weight:normal;}
.MenuTable .atte1	{ padding-left:3px; font-size:0.8em; color:#A39996; font-weight:normal;}
.TxtSg			{ font-size:0.7em; color:#A39996; letter-spacing:0;}
.sign			{ text-align:right; padding-right:7px; padding-top:1px; letter-spacing:0.09em; color:#FFFFFF;background-color:#B36622;
					 font-style:oblique; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif;}
.sign .stxt		{ color:#FFDDCC;}
.stxt			{ font-size:10px; _font-size:0.8em;}

.atte1			{}
.atte2			{ padding:2px 5px; margin:0 5px; background-color:#dd5326; color:#FFFFFF; font-weight:bold; font-family: Arial; letter-spacing:0.05em;}
.colorRed		{ color:#dd5326;}
.english		{ font-family: Helvetica, Arial, sans-serif;}

/****************/
/**    hack    **/
/****************/
* html .iepngfix,
* html #header	{ behavior: url("/common/js/iepngfix.htc");}

.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; }
/* */

a	{ overflow:hidden;}

a:hover img{ filter:Alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}