/* Global */

body {
    font: normal 16px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
	line-height:150%;
}
.layout-tw{
	background:url(./images/bg_body.png);
	}


/* Content */

.asset-name {
    font-size: 22px;
    font-weight: bold;
}

.asset-name a {
    text-decoration: none;
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    margin: 5px 0;
}

.asset-more-link {
    font-weight: bold;
}

.asset-meta {
    border-top: 1px solid #ccc;
	position:relative;
	top:-20px;
}

.asset-footer {
    border-top: 1px solid #ccc;
}

.content-nav {
    margin: 5px 0 10px;
}

.archive-title {
    margin: 5px 0 30px;
    font-size: 26px;
    font-weight: bold;
}

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    margin: 0;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.search-results-header {
    margin-bottom: .25em;
}

.asset-more-link,
.asset-meta,
.typelist-thumbnailed {
    font-size: 11px;
}




/* Utility */

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    /* ie win (5, 5.5, 6) bugfix */
    position: relative;
    width: 100%;
    width: auto;
}


/* Global ----------------------------------------------------------------- */

body {
    color: #333;  
    font-family: trebuchet ms;   
    background-color: #fff; 
}
a {color: #ab0404}
a:hover {text-decoration: none;}
.extra{font-size:24px}
.big{font-size:18px}
.small{font-size:12px}
.mini{font-size:10px;}
.red{color:#900}
.blue{color:#00a}
.gleen{color:#066}
.black{color:black}
.white{color:white}
.bold{font-weight:700}
.strong, a strong{font-weight:100}
.strike{text-decoration:line-through}
.center{text-align:center}
/* Layout ----------------------------------------------------------------- */
#container{
	background:url(images/bg_container.png)repeat-x;
	}
#container-inner{
	border-left:1px solid gray;
	border-right:1px solid gray;
	background-color:white;
	}


#content-inner{
    padding-top: 0;
    padding-bottom: 0;
}

#beta-inner, #alfa-inner {
    padding-right: 10;
    padding-left: 10;
}

/* Header ----------------------------------------------------------------- */

#header-bg,#header-trance,#header-inter{    
	height:260px;
    border-top: 20px solid #000066;
	color: #fff; 
	font-size:10px;}
	#header-bg{background:url(images/header_bg.png) no-repeat;}
	#header-trance{background:url(images/header-trance.png) no-repeat;}
	#header-inter{background:url(images/header-inter.png) no-repeat;}



#header-content {
    width: 920px;
	margin-left:20px;
	overflow:visivle;
}

#header-name {
	position:absolute;
	top:170px;
	font-size:18px;
	color:gray;
}
#header-name-p{
	font-size:10px;
	position:absolute;
	top:210px;
	}
#header-description {
	font-wight:300;
	position: absolute;
	top:-18px;
}

#header-description a{
    color: #fff;
    font-weight:300;
    text-decoration: none;
	}
#header-description-p{
	position:absolute;
	top:5px;
	}
#header-sub{
	position:absolute;
	top:225px;
	}

#header a:hover {
    text-decoration: underline;
}
/* パンくずリスト ---------------------------------------------------------------- */
#breadcrumbs{
	padding:2px 0 2px 20px; 
	background-color:#ffffcc;
	font-size:12px;
	}
#breadcrumbs a{
	text-decoration:none;
	}
/* mainpage ---------------------------------------------------------------- */
.indent15 p{
	margin:0 30px 0 40px;
	line-height:180%;
	}

.mainbanner{
	display:block;
	width:473px;
	height:71px;
	font-size:20px;
	background:url(images/mainbanner.png) no-repeat;
	padding:20px 0 0 70px ;
	}
.mainsubbanner{
	margin:20px 0 20px 20px;
	}
.mainbanner a{
	color:#333;
	text-decoration:none;
	}
#taiken{
	margin:10px 0 0 80px;
	}
	/* mainpage ---------------------------------------------------------------- */

#mainlesson-bg{
	diplay:block;
	width:660px;
	padding-left:15px;
	clear:both;
	}
.mainlesson a, .mainlesson2 a{
	float:left;
	display:inline;
	}
.mainlesson a{
	width:210px;
	height:190px;
	margin:10px 10px 15px 0;
	}
.mainlesson2 a{
	width:315px;
	height:55px;
	margin:10px 15px 0 0;
	}
.h3_main_img{
	margin-top:40px;
	}
.mainsubbanner{
	margin:20px 0 20px 20px;
	}
.mainbanner a{
	color:#333;
	text-decoration:none;
	}
#taiken_long img{
	margin-top:20px;
	}
/* Content ---------------------------------------------------------------- */

.asset-name,
.asset-name a,
.archive-title {
    color: #000;
}

.asset-footer {
    border-top-color: #ddd;
}

.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
    color: #333;
}

.comment,
.trackback {
    border-color: #ddd;
}


 .asset-name a {
    margin-bottom: 8px;
}

.asset-name a:hover {
    text-decoration: underline;
}

.archive-list-item {
    margin-bottom: 5px;
}
.entry-title{
	position:relative;
	left:70px;
	top:-30px;
	font-size:30px;
	font-weight:700;
	}
.entrance{
	position:relative;
	left:100px;
	top:-90px;
	width:500px;
}
.category_menu{
	display:block;
	width:315px;
	margin:10px 0 10px 10px;
	float:left;
	}
.category_menu a:link,.category_menu a:hover,.category_menu a:visited{
	color:blue;
	text-decoration:none;}
.category_menu img{
	float:left;
	margin-right:5px;
	border:1px solid gray;}
.cat-menu{
	line-height:120%;}
.category_menu h3{
	float:left;
	width:225px;
	background:url(http://www.kotobanoeki.com/common/images/bg_category_menu.png) no-repeat left;
	text-indent:20px;
	border-bottom:2px solid #6699ff;}
.category_menu p{
	float:left;
	dispiay:block;
	width:225px;
	}
.books-main{
	display:block;
	height:300px;
	margin-top-30px;
	}
.books-main h4{
	margin-top:30px;
	font-size:18px;
	color:chocolate;
	font-weight:700;
	padding:10px 10px 10px 20px;
	border-left:10px solid chocolate;
	border-bottom:1px solid chocolate;
	clear:both;
	}
.books-main p{
	font-size:12px;
	margin-right:18px;
	}
.books-main img{
	float:left;
	margin:10px 10px 10px 10px;
	}
	
/* sidebar ----------------------------------------------------------------- */

.widget-header,
.widget-content {
    margin:20px 5px 0 5px;
}
	}
.widget-header { 
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ccc; 
    padding: 0;
}

.widget-header,
.widget-header a {
    color: #333;
}


.widget-content li a{
	color:#111;
	display:block;
	font-size: 15px;
	text-decoration:none;
	height:40px;
	line-height:300%;
	margin-bottom:1px;
}
.widget-content li a:hover{
	background-color:#ffffcc;
	color:#ab0404;
	}
.widget-content li a:visited{
	text-decoration:none;
	}


.back{background-color:#F70000;	border-left:10px solid #8A0000;}
.menu{background-color:#D1D2FF;	border-left:10px solid #000066;}
.menu_inter{background-color:#FFD1F3;border-left:10px solid #942B73;}
.line_trance{background-color:#FFE6E6;border-left:10px solid #9E0000;}
.menu_lesson{background-color:#F1D6FF;border-left:10px solid #9100D9;}
.menu_inquiry{background-color:#D9FEFF;border-left:10px solid #00767A;}
.books-sidebar{
	width:210px;
	height:230px;
	margin-top:10px;
	padding:15px;
	}
.books-sidebar h4{
	color:purple;
	width:180px;
	}
.books-sidebar p{
	font-size:12px;
	margin-right:18px;
	}
.books-sidebar img{
	float:left;
	margin-right:10px;
	}
/* Footer ----------------------------------------------------------------- */
#footer_bg{
	display:block;
	background-color:#f3f4f5;
	width:100%;
	}
#footer {
	margin:0 auto;
	display:block;
	width:940px;
}

/* Utilities -------------------------------------------------------------- */

#header:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#content-inner,
.asset-body {
    height: 1%;
}


/* Custom Styles ---------------------------------------------------------- */

#header-nav-inner {
    position: relative;
    width: 900px;
    margin: 0 auto;
}
/* Form Styles ---------------------------------------------------------- */
.form h3{
	font-size:18px;
	margin-top:40px;
	color:#00a;
	font-weight:700
	}
.form dt{
	display:block;
	font-weight:700;
	color:#979795;
	width:160px;
	padding:10px 10px 0 10px;
	float:left;
	clear:left;
	border-top:1px solid #dedfdf;
	}
.form dd{
	display:block;
	padding:10px 0 10px 160px;
	border-top:1px solid #dedfdf;
	font-size:12px;
	}
.question dt{color:red;width:650px;font-weight:500;}
.question dd{
	padding:10px;
	width:650px;
	}
.lineblue0{background-color:#EBF3FF;}
.lineblue1{background-color:#F7FAFF;}

/* 通訳翻訳のスタイル ---------------------------------------------------------- */
.result li{
	display:block;
	width:205px;
	overflow:hidden;
	float:left;
	font-size:12px;
	}
.result p{clear:both;	}
.result h4{margin-top:30px;}
.trance_dl dt{
	position:relative;
	margin-bottom:-20px;
	color:red;
	width:180px;
	}
.trance_dl dd{
	position:relative;
	left:180px;
	width:450px;
	}
/* イメージ画像 ---------------------------------------------------------- */
.left{
	float:left;
	margin:20px;
	}
.right{
	float:right;
	margin:20px;
	}
.center{margin-left:300px;}
/* レッスンのスタイル ---------------------------------------------------------- */
.lesson h3{
	font-weight:700;
	font-size:18px;
	margin-top:30px;
	}
.lesson h4{
	font-weight:700;
	font-size:16px;
	margin-top:15px;
	}
.lesson h5{
	font-weight:700;
	color:#9100D9;
	margin-top:10px;
	}
.lesson dl{
	margin-left:40px;
	background-color:#ccf;
	padding: 0;
    border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	}
.lesson dt{
	clear:left;
	float:left;
	font-weight:700;
	width:200px;
	color:#666666;
	border-top:1px solid #666666;
	padding:5px 0 5px 10px;
	}
.lesson dd{
	margin:0 0 0 200px;
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	background-color:#ffc;
	padding:5px 0 5px 10px;
	}

/* 各ページの見出しカラー ---------------------------------------------------------- */
.inter h3{
	border-left:15px solid #9D00A6;
	border-bottom:1px solid #9D00A6;
	}
.trance h3{
	border-left:15px solid #A60000;
	border-bottom:1px solid #A60000;
	}
.lesson h2{
	border-left:15px solid #9100D9;
	border-bottom:1px solid #9100D9;
	}

.inter h3, .trance h3, .lesson h2{
	margin-top:40px;
	padding:5px 10px;
	font-size:18px;
	font-weight:700;
	}