@charset "UTF-8";

/* 
	--Reset
	--Default Settings
	--Utility
	--Container
	--Header
	--Content
	--Footer
	--Other

*/

/* Reset ----------------------------*/

*{
	margin:0;
	padding:0;
}


/* Default Settings ----------------------------*/

html {
	font-size:100.01%;
}

* html{ filter: expression(document.execCommand("BackgroundImageCache", false, true));}

body{
	background:#FFF;
	color:#6F5F3F;
	text-align:center;
	/*initialize.css*/
	margin: 0;
	padding: 0;
	background: none;
	/*line-height: 1.4em;*/
	line-height:160%;
	/*overflow-y: scroll;*/
	/* font scale: 62.5% = 10px 1.3em = 13px */
	font: 62.5% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Ghothic Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana, Geneva, sans-serif;
	*xfont-size: small;/* for IE */
	*xfont: x-small;/* for IE */
}

h1, h2, h3, h4, h5, h6 {
/*	clear: both;*/
	margin: 0;
	font-weight: bold;
}
form {
	margin: 0;
	padding: 0;
}

img{
	border:0px;
	vertical-align:bottom;
}

ul,dl,ol{
	list-style-type:none;
	list-style-position:outside;
	list-style: none;
}
em{
	font-style:normal;
	font-weight:bold;
}

p {
	margin: 0;
}

pre, code, samp, kbd, var {
	font: 100% Consolas, 'Andale Mono', Monaco, monospace;
	margin: 0;
	padding: 0;
}

select, input, textarea {
	margin: 0;
	padding: 0;
/*	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Ghothic Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Verdana, Geneva, sans-serif;*/	/* 100% is too big for Safari */
}

option {
	padding: 0 5px;
}

button {
	display: block;
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

table, tr, th, td {
	margin: 0;
	padding: 0;
}

caption {
	font-weight: bold;
}

a:link,
a:visited,
a:active{
	color:#6F5F3F;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/* Utility ----------------------------*/
/*
.f8 {font-size:0.8em;}
.f9 {font-size:0.9em;}
.f10 {font-size:1.0em;}
.f11 {font-size:1.1em;}
.f12 {font-size:1.2em;}
.f13 {font-size:1.3em;}
.f14 {font-size:1.4em;}
.f15 {font-size:1.5em;}
.f16 {font-size:1.6em;}
.f17 {font-size:1.7em;}
.f18 {font-size:1.8em;}
.f19 {font-size:1.9em;}
.f20 {font-size:2.0em;}
.f21 {font-size:2.1em;}
.f22 {font-size:2.2em;}
.f23 {font-size:2.3em;}
.f24 {font-size:2.4em;}
.f30 {font-size:3.0em;}

.fwn {font-weight:normal;}
.fwb {font-weight:bold;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}

.red {color: #cc0000}

.b0 {border:0px;}
.b1s000 {border:1px solid #000;}
.b1s333 {border:1px solid #333;}
.b1s666 {border:1px solid #666;}
.b1s999 {border:1px solid #999;}

.p0 {padding:0px;}
.pt0 {padding-top:0px;}
.pr0 {padding-right:0px;}
.pb0 {padding-bottom:0px;}
.pl0 {padding-left:0px;}

.p4 {padding:4px;}
.pt4 {padding-top:4px;}
.pr4 {padding-right:4px;}
.pb4 {padding-bottom:4px;}
.pl4 {padding-left:4px;}

.p5 {padding:5px;}
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}

.p7 {padding:7px;}
.pt7 {padding-top:7px;}
.pr7 {padding-right:7px;}
.pb7 {padding-bottom:7px;}
.pl7 {padding-left:7px;}

.p8 {padding:8px;}
.pt8 {padding-top:8px;}
.pr8 {padding-right:8px;}
.pb8 {padding-bottom:8px;}
.pl8 {padding-left:8px;}

.p9 {padding:9px;}
.pt9 {padding-top:9px;}
.pr9 {padding-right:9px;}
.pb9 {padding-bottom:9px;}
.pl9 {padding-left:9px;}

.p10 {padding:10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.p15 {padding:15px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}

.p20 {padding:20px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

.m0 {margin:0px;}
.mt0 {margin-top:0px;}
.mr0 {margin-right:0px;}
.mb0 {margin-bottom:0px;}
.ml0 {margin-left:0px;}

.m3 {margin:3px;}
.mt3 {margin-top:3px;}
.mr3 {margin-right:3px;}
.mb3 {margin-bottom:3px;}
.ml3 {margin-left:3px;}

.m5 {margin:5px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}

.m6 {margin:6px;}
.mt6 {margin-top:6px;}
.mr6 {margin-right:6px;}
.mb6 {margin-bottom:6px;}
.ml6 {margin-left:6px;}

.m7 {margin:7px;}
.mt7 {margin-top:7px;}
.mr7 {margin-right:7px;}
.mb7 {margin-bottom:7px;}
.ml7 {margin-left:7px;}

.m10 {margin:10px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

.m15 {margin:15px;}
.mt15 {margin-top:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}

.m20 {margin:20px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

.mauto {margin:auto;}
.mtauto {margin-top:auto;}
.mrauto {margin-right:auto;}
.mbauto {margin-bottom:auto;}
.mlauto {margin-left:auto;}
.mrlauto {margin-left:auto;margin-right:auto;}

.w468 {width:468px;}
.w300 {width:300px;}
.w160 {width:160px;}
.w100p {width:100%;}
.w50p {width:50%;}

.dispb {display:block;}
.dispi {display:inline;}
.dispn {display:none;}

.posr {position:relative;}
.posr {position:absolute;}

.z0 {z-index:0;}
.z1 {z-index:1;}
.z10 {z-index:10;}
.z20 {z-index:20;}

.fl {float:left;}
.fr {float:right;}
.fn {float:none;}

.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
*/
.mori {zoom: 1;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {
	zoom: 1;
	overflow: hidden;
	display: inline-table;
	min-height:1%;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	overflow: visible;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */

/*---- clearFix ----*/
.clearFix{
display:inline-table;
min-height:1%;
}
.clearFix:after{
display:block; 
clear:both; 
visibility:hidden;
height:0; 
content:".";
}
/* Hides from IE-mac \*/
* html .clearFix{
height:1%;
}
.clearFix{
display:block;
}
/* End hide from IE-mac */


.clear{
	clear:both;
	font-size:0;
}

/* Container ----------------------------*/


#container{
	margin:0 auto;
	width:780px;
	text-align:left;
}

#contentsArea #container{
	/*background:#F6F5F1 url(/common/images/common/bg.jpg) left top repeat-x;*/
	width:100%;
	text-align:center;
}



.frame_header {
	text-align: center;
	/*background: #fff url(/2009/img/navi_shadow.gif) bottom left repeat-x;
	padding-bottom: 6px;*/
	background: #fff;
	padding-top:10px;
}

.frame_content {
	width: 980px;
	margin: 0 auto;
}

.frame_footer {
	clear: both;
	height: 112px;
	margin-top: 20px;
	background: #000;
	text-align: center;
}

.frame_content,
.frame_footer {
	/* style.css -->layout.css */text-align: left;
}

/* Header ----------------------------*/

* html .frame_header,
.header_top {
	background: #fff;
}


	
.frame_header h1,
.frame_header strong {
	display: block;
	position: relative;
	width: 1032px;width:980px;width: 1032px;width:980px;
	height: 36px;
	margin: 0 auto;
	text-align: left;
	background:url(/2009/img/logo_tbm_sub.gif) no-repeat 232px 14px;
	/* dec2009 */background:url(/2009/img/logo_tbm_sub.gif) no-repeat 206px 14px;
}

.frame_header h1 a,
.frame_header strong a {
	position: absolute;position:relative;position: absolute;position:relative;position: absolute;
	top: 0;
	/*left: 26px;*/left:0;
	display: block;
	width: 194px;
	height: 36px;
	margin: 0;
	overflow:hidden;
}



.frame_header p.navi_about {
	position: absolute;
	top: 15px;
	left: 213px;
	margin: 0;
	padding: 0;
}

.frame_header p.navi_about a {
	display: block;
	width: 143px;
	height: 13px;
	background: url(/2009/img/navi_about.gif) 0 0 no-repeat;
	text-indent: -99999px;
}



/* Global Navigation */

.frame_header .navi_global {
	height: 41px;
	margin: -9px 0 0;margin: 5px 0 0 !important;margin: -9px 0 0;margin: 5px 0 0 !important;margin-top:5px;
	padding: 0;
	background: transparent url(/2009/img/navi_global_bg.gif) 0 9px repeat-x;
	text-align: center;
	overflow: hidden;
}


.frame_header .navi_global ul {
	width: 1032px;width:1032px !important;
	height: 41px;
	margin: 0 auto;
	padding: 0;
	padding-left:24px;
	/*padding: 0;padding-left:42px;*/
}
	* html .frame_header .navi_global ul {
		margin: 0;
	}
	

.frame_header .navi_global ul li {
	float: left;
	margin: 0;
	padding: 9px 0 0;
}
	

.frame_header .navi_global ul li a {
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.frame_header .navi_global ul li a:hover {
	padding: 0;
	margin: 0;
}
	* html .frame_header .navi_global ul li,
	* html .frame_header .navi_global ul li a {
		display: inline;
	}
	


.frame_header .navi_global ul li.feature {
	/*margin-left: 26px;*/margin-left:0;
}

.frame_header .navi_global ul li.feature a {
	background-position: 0 0;
}
.frame_header .navi_global ul li.feature a:hover,
.frame_header .navi_global ul li.feature a.current {
	background-position: 0 -32px;
}


.frame_header .navi_global ul li.guide a {
	background-position: -228px 0;background-position: -457px 0;background-position: -228px 0;background-position: -457px 0;
}

.frame_header .navi_global ul li.guide a:hover,
.frame_header .navi_global ul li.guide a.current {
	background-position: -228px -32px;background-position: -457px -32px;background-position: -228px -32px;background-position: -457px -32px;
}

.frame_header .navi_global ul li.blog a {
	background-position: -457px 0;
}
.frame_header .navi_global ul li.blog a:hover,
.frame_header .navi_global ul li.blog a.current {
	background-position: -457px -32px;
}

.frame_header .navi_global ul li.plan {
	padding-top: 0;
}
.frame_header .navi_global ul li.plan a {
	background: url(/2009/img/navi_plan.gif) 0 0 no-repeat;
}
.frame_header .navi_global ul li.plan a:hover,
.frame_header .navi_global ul li.plan a.current {
	background-position: 0 -41px;
}

.frame_header .navi_global ul li.course,
.frame_header .navi_global ul li.course a,
.frame_header .navi_global ul li.guide,
.frame_header .navi_global ul li.guide a{
}

.frame_header .navi_global ul li.course a{
	background-position: -228px 0;
}

.frame_header .navi_global ul li.course a:hover,
.frame_header .navi_global ul li.course a.current {
	background-position:-228px -32px;
}



/* alt? */
/*
.frame_header .navi_global_alt ul li a{
	background-image:url(/2009/img/navi_global_alt.gif);
}*/

.frame_header .navi_global_alt ul li.plan a{
	background-image:url(/2009/img/navi_plan_alt.gif);
}


/* topic path */


#topic-path {
	width: 980px;width:775px;width: 980px;
	height: 1.2em !important;height:16px;height: 1.2em !important;

/*	margin-top: 0 !important;
	margin-bottom: 0 !important;*/
	margin: 0px auto;
	
	padding-top: 14px !important;
	padding-bottom: 6px !important;

	font-size: 12px;font-size: 12px !important;font-size:1.3em;font-size: 12px;font-size: 12px !important;
	color: #666666;color:#666666;
	text-align: left;
	clear: both;
}

#main #topic-path {
	width: 100%;
}


#topic-path a {
	padding: 0 0.2em;
	color: #666666;
	font-size: 12px !important;
}

#topic-path strong{
	font-weight:normal;
}

/* search_box */

.frame_header .search_box{
	margin-left:173px;
	position:absolute;
	top:14px;
	left:50%;
	width:320px;
	text-align:right;
}


.frame_header .search_box input{
	vertical-align:top;
	font-size:12px !important;
}

.frame_header .search_box input.search_txt{
	margin-right:6px;
	border:1px solid #999;
	padding:2px;
	width:238px;
}

.frame_header .search_box input.search_submit{
	width:46px;
	text-align:center;
	font-size:12px !important;
	border: 2px #ffffff sunken;
}

/* mailmag Button */
.frame_header .mailmag_box{
	margin-left:0px;
	position:absolute;
	top:11px;
	left:50%;
	width:186px;
	text-align:right;
}


/* Footer ----------------------------*/

.frame_footer .block_footer {
	width: 980px;
	height: 41px;
	margin: 0 auto;
}
.frame_footer .block_footer p {
	display: block;
	float: left;
	width: 374px;
	height: 41px;
	margin: 0;
	background: transparent url(/2009/img/footer_info.gif) 0 0 no-repeat;
	text-indent: -99999px;
}
	* html .frame_footer .block_footer p {
		display: inline;
	}


.frame_footer .block_footer ul {
	float: right;
	width: 340px;
	height: 25px;
	margin: 10px 0 0;
	overflow: hidden;
}
	* html .frame_footer .block_footer ul {
		display: inline;
	}


.frame_footer .block_footer ul li {
	display: block;
	float: left;
	height: 25px;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #2e2e2c;
}
.frame_footer .block_footer ul li.home {
	border: none;
}
.frame_footer .block_footer ul li a {
	display: block;
	float: left;
	height: 25px;
	text-indent: -99999px;
	overflow: hidden;
}
.frame_footer .block_footer ul li.home a {
	width: 50px;
	background: url(/2009/img/navi_f_home.gif) 0 0 no-repeat;
}
.frame_footer .block_footer ul li.term a {
	width: 51px;
	background: url(/2009/img/navi_f_policy.gif) 0 0 no-repeat;
}
.frame_footer .block_footer ul li.sitemap a {
	width: 80px;
	background: url(/2009/img/navi_f_sitemap.gif) 0 0 no-repeat;
}
.frame_footer .block_footer ul li.inquiry a {
	width: 75px;
	background: url(/2009/img/navi_f_contact.gif) 0 0 no-repeat;
}




/* other ---------------------------------- */

#block_analysis{
	position:absolute;
	top:0;
	left:0;
}

.block_adfoot {
	width: 980px;
	border-top: 2px solid #2c2c2c;
	padding-top: 30px;
}

.alt_text{
	font-size:1px;
	overflow:hidden;
	display:block;
	height:100%;
	text-indent:-8000em;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
}

input.alt_text{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	cursor:pointer;
}


/*==============================================================================
 : Layout box
==============================================================================*/
#toppage .main_section .content_box,
#toppage .main_section .content_box ul.items li,
#toppage .main_section .content_box ul.ranking li .number,
#feature .block_main .main_section,
#toppage .main_section .content_box ul.ranking li .text,
#feature .block_sub .sub_section,
#feature #main_blog ul.update,
#feature #main_blog ul.update li,
#feature #main_blog .block_master .box_wrap,
#feature #main_area ul li a,
#feature #sub_enquete #theme_current,
#feature #sub_enquete dl.theme dt,
#feature #sub_enquete dl.theme dd,
#feature #sub_enquete #theme_next form,
#feature #sub_enquete #theme_next dl.question,
#feature #sub_enquete #theme_next dl.question dd,
#feature #sub_enquete #theme_next ul.result_index li dl dd p,
#course .block_search h2,
#course .main_section,
#feature_column #main_topic .topic_box,
#feature_column #main_recent .topic_wrap{
	zoom:1;
}


#toppage .main_section .update,
#toppage .main_section .content_box ul.items li,
#toppage .main_section .content_box ul.ranking li .number,
#toppage .main_section .content_box ul.ranking li .text,
#toppage .main_section .content_box ul.ranking li.line .title,
#toppage #main_plan form.search_plan p.supply,
#toppage #foot_news ul.recently_updates li,
#feature #main_blog .block_master .box p,
#feature #sub_enquete #theme_next ul.result_index li,
#feature #sub_enquete #theme_next ul.result_index li dd,
#feature #sub_enquete #theme_next ul.result_index li p,
#course #main_index .list dl dd,
#course #main_index .list_small dl dd p.list_date,
#course #main_index .list_small dl dd p.list_text,
#feature_column #sub_plan li,
#feature_column #sub_plan li dd{
	font-size:100%;
	*font-family:'\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF','MS P Gothic',sans-serif;
}

#course .block_search  input{
	font-size:110%;
	*font-family:'\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF','MS P Gothic',sans-serif;
}

.frame_header .search_box input,
#toppage .main_section .content_box ul.ranking li .title,
#toppage .main_section .content_box .pickup .title,
#toppage #foot_news p.navi_txt,
#toppage #foot_news ul.recently_updates li dl dt,
#toppage #foot_news ul.recently_updates li dl dd,
#feature #main_blog ul.update li,
#feature #main_blog .block_master .box h4.catch,
#feature #main_blog .block_master #taniguchi_private_tokyo dl dt,
#feature #main_blog .block_master #taniguchi_private_tokyo dl dd,
#feature #sub_enquete #theme_next dl.question dd,
#feature #sub_enquete #theme_next ul.result_index li dt,
#feature #sub_enquete #theme_next ul.result_index li p span.num,
#feature #sub_enquete #theme_next select,
#feature #sub_enquete #theme_next textarea,
#feature_column #main_topic p,
#feature_column #main_topic li,
#feature_column #main_topic dt,
#feature_column #main_topic dd,
#feature_column #main_recent dl.archive_month dd,
#feature_column #main_recent dl.topic dt,
#feature_column #main_recent dl.topic dd,
#feature_column #main_index dl.archive_month dd,
#feature_column #main_index dl.topic dt,
#feature_column #main_index dl.topic dd,
#feature_column #sub_plan li dt{
	font-size:120%;
	*font-family:'\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF','MS P Gothic',sans-serif;
}

#toppage #main_plan form.search_plan select,
#feature #sub_enquete #theme_next .post_txt,
#feature #sub_enquete #theme_next ul.result_index li.highlight p span.num,
#course .block_search select,
#course .block_search input,
#course #main_index .list_large dl dd p.list_date{
	font-size:130%;
	*font-family:'\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF','MS P Gothic',sans-serif;
}

#feature #sub_enquete dl.theme dd,
#feature_column #sub_plan li dl dd strong{
	font-size:140%;
	*font-family:'\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF','MS P Gothic',sans-serif;
}

#feature_column #main_topic .topic_box h2{
	font-size:200%;
	*font-family:'\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF','MS P Gothic',sans-serif;
}

#feature #sub_enquete #theme_next ul.result_index li p span,
#toppage .main_section .update{
	font-family:'\FF2D\FF33\20\30B4\30B7\30C3\30AF','MS Gothic',sans-serif !important;
}


.page_navi {
	padding: 6px 0;
	text-align: center;
	}
.page_navi * {
	font-size: 12px;
	font-weight: bold;
	}
.page_navi li {
	display: inline;
	background: white;
	border-bottom: 1px solid #987;
	margin: 0 3px;
	}
.page_navi a,
.page_navi span {
	padding: 0 3px;
	}
	.page_navi a:hover {
		text-decoration: none;
	}

.page_navi .prev {
	margin-right: 10px;
	}
.page_navi .next {
	margin-left: 10px;
	}
.page_navi .current {
	border-bottom: 2px solid #933;
	color: #933;
	}
.page_navi .disable * {
	color: #ccc;
	}
.page_navi .spc {
	border: none;
	font-weight: normal;
	color: #999;
	}

/* from 2009/common */


.navi_archive {
    padding: 10px 5px;
    text-align: right;
    }

.navi_archive a {
    display: block;
    float: right;
    width: 74px;
    height: 13px;
    background: url(/2009/img/navi_showall.gif) 0 0 no-repeat;
    text-align: left;
    text-indent: -99999px;
    }

* html .navi_archive a {
    display: inline;
    }
	
	
	

/* social buttons 2011/05/09 */

.socialBtns{
}

.socialBtns img{
	vertical-align: top;
}

.socialBtns .fbButton{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	margin:1px 0 0 0;
}

.socialBtn .fbButton .FBConnectButton{
	vertical-align:top;
}

.socialBtn .fbButton .FBConnectButton_Small .FBConnectButton_Text{
	font-size:12px;
}

