@charset "utf-8";
/* CSS Document */

/* 余白をゼロクリア */

* {
	margin : 0px;
	padding: 0px;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }




/*　サイト全体を囲むコンテナの横幅 */
#douzyou #container {
	width : 874px;
	border: 0px solid #666666;
	margin : 5px auto;
/* ここで、ページ全体を中央に寄せる。上から5pxとっている　*/
	padding:0px;
	background-image:url(image/dowzyou/2010_new_interface/container_bg_middle_874px_84px.gif)
	}
/* aはタイトル部分のボックス */
#douzyou #header2 {
	position:relative;
	width :874px;
	height:50px;
	margin:0px auto;
	border:0px;
	background-image:url(image/dowzyou/2010_new_interface/container_bg_top01_874px_50px.gif);
	background-repeat:no-repeat;
}
/* タイトル直下の小さいボックス */		
#douzyou #navi_bar {
	width:874px;
	height:34px;
	margin:0px auto;
	border: 0px;
	background-image:url(image/dowzyou/2010_new_interface/container_bg_top02_874px_34px.gif);
	background-repeat:no-repeat;
}
#douzyou #navi_bar a {
	line-height:250%;
	text-align: center;
	display:block;
	margin-left:25px;
	width:85px;
	float: left;
}

#douzyou #navi_bar a:active {
	color:#FF0000;
	text-decoration:none;
}

/*----------------------------------*/
/* main(#leftcol #midcol #rightcol) */	
/*----------------------------------*/
#douzyou #main{
	width:850px;
	margin:0px auto;
	border: 0px solid #666666;	
}
#douzyou #leftcol_d{
	width:125px;
	overflow:hidden;
	float:left;
	margin:0px auto 0px 20px;
	text-align:center;
	}
#douzyou #midcol{
	width:410px;
	overflow:hidden;
	margin:0px auto 0px 25px;
	float:left;
	}
#douzyou #rightcol{
	width:222px;
	float:left;
	margin:0px auto 0px 25px;
	}
	
/*------------------------------------------------------------------*/		
/* 　　　　　　　　　　footer　フッター　　　　　　　　　　　　　　 */		
/*------------------------------------------------------------------*/		
#douzyou #footer_d{
background:url(image/dowzyou/2010_new_interface/container_bg_bottom_874px_21px.gif);
width:874px;
height:21px;
overflow:hidden;
margin:0px;
padding:0px;
background-repeat:no-repeat;
}

	
/*　左側ウィンドウのDIVのCSS 共通 middle bottom 126px */
#douzyou #left_window_div_middle{
background:url(image/dowzyou/2010_new_interface/left_middle_126px.gif);
background-repeat:repeat-y;
width:126px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#douzyou #left_window_div_bottom{
	background:url(image/dowzyou/2010_new_interface/left_bottom_126px.gif);
	background-repeat:no-repeat;
	width:126px;
	height:12px;
	margin:0px auto 5px auto;
}
/*　レッスンtop　*/
#douzyou #left_window_div_top_lesson{
	background:url(image/dowzyou/2010_new_interface/left_top_lesson_126px.gif);
	background-repeat:no-repeat;
	width:126px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
}

/*　教材top　*/
#douzyou #left_window_div_top_material{
	background:url(image/dowzyou/2010_new_interface/left_top_material_126px.gif);
	background-repeat:no-repeat;
	width:126px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
}
/*-----------------------------------------------*/
/*　中央ウィンドウのDIVのCSS 共通 middle bottom 410px */
#center_window_div_middle{
background:url(image/dowzyou/2010_new_interface/center_middle_410px.gif);
background-repeat:repeat-y;
width:410px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}
#center_window_div_bottom{
	background:url(image/dowzyou/2010_new_interface/center_bottom_410px_12px.gif);
	background-repeat:no-repeat;
	width:410px;
	height:12px;
	margin:0px auto 5px auto;	
}
/*　中央ウィンドウのDIVのCSS トップのライブラリ410px */
#center_window_div_top_riblary{
background:url(image/dowzyou/2010_new_interface/center_top_riblary_410px_34px.gif);
width:410px;
height:34px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
}









/*　右側ウィンドウのDIVのCSS 共通*/

/*　middle_scr スクロールタイプ共通*/
#right_window_div_middle_scr{
background:url(image/dowzyou/2010_new_interface/right_middle_222px_1px.gif);
background-repeat:repeat-y;
width:222px;
height:150px;
overflow:scroll;
overflow-x:hidden;
margin-left:auto;
margin-right:auto;
}
/*スクロース無いタイプ*/
#right_window_div_middle{
background:url(image/dowzyou/2010_new_interface/right_middle_222px_1px.gif);
background-repeat:repeat-y;
width:222px;
overflow-x:hidden;
margin-left:auto;
margin-right:auto;
}
/*コンテンツが入るdiv*/
#right_window_div_middle_con{
width:190px;
margin-left:7px;
margin-right:0px;
overflow:hidden;
}

/*コンテンツが入るdiv カラーパターンスウォッチ専用*/
#right_window_div_middle_con_psc{
width:190px;
margin-left:7px;
margin-right:0px;
overflow:hidden;
}

/*コンテンツが入るdiv パターンブラシ専用*/
#right_window_div_middle_con_pb{
width:190px;
margin-left:7px;
margin-right:0px;
overflow:hidden;
}

#right_window_div_bottom{
background:url(image/dowzyou/2010_new_interface/right_bottom_222px_9px.gif);
width:222px;
height:9px;
background-repeat:no-repeat;
margin:0px auto 5px auto;
}
/*非共通　トップ画像が入っているDIV*/
/*　右側ウィンドウのDIVのCSS パターンスウォッチ*/
#right_window_div_top_ps7{
background:url(image/dowzyou/2010_new_interface/right_top_ps_222px_33px.gif);
width : 222px;
height:33px;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}
/*右側ウィンドウ　注文*/
#right_window_div_top_order{
background-image:url(image/dowzyou/2010_new_interface/right_top_ouder_222px_33px.gif);
width:222px;
height:33px;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}
/*右側ウィンドウ　ブラシ*/
#right_window_div_top_brash{
background-image:url(image/dowzyou/2010_new_interface/right_top_brash_222px_33px.gif);
width:222px;
height:33px;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}












/* b-boxはコンテンツが入るボックスが入るDIVです */	
#b-box {
	width:780px;
	margin:0px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
/* b-boxの入る左のハコ */
#b-box-left {
	float:left;
	width:483px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin : 0px 0px 0px 2px;
}

/*------- キャラクターの入るdiv -------*/

.cara {
 width : 330  padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*--------------------------------------------------------*/



p {
	font-size: 100%;
	padding: 0px 5px 0px 15px;
}
/*----列挙される文字列　目次　インデックス系----------------------------------------
.index-font {
	font-size:0.8em;
	text-align : center;
	line-height:1.5em;
}
------------------------------------------------------------------------------------*/
/* リスト＜menu の中の画像を配置＞背景に画像を挿入 */

ul#menu_space li{
}

li.menu_brash {
	background-image:url(image/dowzyou/menu/menu_01_brush_02.gif);
	background-repeat: no-repeat;
	display: inline;
	list-style:none;
}
li.menu_swatch {
	background-image:url(image/dowzyou/menu/menu_02_swatch02.gif);
	background-repeat: no-repeat;
	display: inline;
	list-style:none;
}
li.menu_dowzyou {
	background-image:url(image/dowzyou/menu/menu_03_douzyou02.gif);
	background-repeat: no-repeat;
	display: inline;
	list-style:none;
}
li.menu_brog {
	background-image:url(image/dowzyou/menu/menu_04_blog02.gif);
	background-repeat: no-repeat;
	display: inline;
	list-style:none;
}
li.menu_auction {
	background-image:url(image/dowzyou/menu/menu_05_auction02.gif);
	background-repeat: no-repeat;
	display: inline;
	list-style:none;
}
li.menu_order {
	background-image:url(image/dowzyou/menu/menu_06_orde02.gif);
	background-repeat: no-repeat;
	display: inline;
	list-style:none;
}

/* リスト＜カンタン辞典の目次のリスト＞背景に画像を挿入 */
ul.dictionary{
	margin-left:18px;
	
}
ul.dictionary li {
	margin:0px 0px 3px 0px;
	list-style:none;
}
/*--------------------------------------------------------------*/

.style5 {
	font-size: 20px;
	font-weight: bold;
}
/*--------------------------------------------------------------*/
/*IE7で、未対応でした↓ */
span.18px-center {
	font-size: 18px;
	background-color:#FFFF00;
	font:bold;
	text-align:center;
}
/*--------------------------------------------------------------*/
/* HTMLソース

絵の具の 
<span style="background-color: #0099FF">青色</span>と 
<span style="background-color: #FFFF00">黄色</span>を混ぜると 
<span style="background-color: #33CC33">緑色</span>になります。

CSSから指定する場合↓
＜span class="yellow"＞ここだけ赤字＜/span＞

*/

span.yellow {
	background-color:#FFFF00;
}
/*--------------------------------------------------------------*/



/*-------------------------------*/
.category {
	font-size: 14px;
	font-style:oblique;
	text-align:center;
	color: #660000;
	background-image:url(image/dowzyou/left_backimg.gif);
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	line-height:180%;
	width:330px;
	height:25px;
}
/*-------------------------------*/
font.menu {
	font-size: 100%;
	text-align:center;

}
/*----- divのクラスにscrと名前を付けてbodyに配置してあります。-----*/
.scr {
	overflow: scroll;   /* スクロール表示 */
	width: 734px;
	height:150px;
	background-color: #ffffff;
	margin:3px 33px 10px 33px;
	/*横スクロールバーを非表示*/
	overflow-x:hidden;

	}
/*----- スクロールDIVのb1-boxの中用-----*/

.scr-b1 {
	width: 350px;
	background-color: #ffffff;
	margin:0px auto;
}
/*----- スクロールDIVのb1-boxの中用-----*/

.scr-b1-2 {
	width: 100%;
	
	background-color: #ffffff;
}
/*----- スクロールDIVのb2-boxの中用-----*/

.scr-b2-1 {
	width: 100%;
	height:500px;
	background-color: #ffffff;
	overflow: scroll;   /* スクロール表示 */
	overflow-x:hidden;
	
　/*横スクロールバーを非表示*/　
}
/*-----  clearfix -----*/

.clearfix:after {
content:url(image/1pixel_clear.gif);
display: block;
clear: both;
height: 0;
}

/*----- linkスタイルですよ-----*/
.font-size07 {
	font-size:0.7em;
}
/* アンカーのlinkのスタイル */
a:link {
	color: #0000FF;
	text-decoration:none;
}
a:visited {
	color:#690;
	text-decoration:none;
}
a:hover {
	color: #0000FF;
	text-decoration:none;	
}
a:active {
	color:#0033FF;
	text-decoration:underline;
	}
/*----- IMGタグのボーダーをゼロにして境界線を消す -----*/

IMG {
	border-width:0px;
}




/*-----------------------*/





.style3 {
	font-size: x-small
}
.style4 {
	font-size: 12px
}
.style5 {
	font-size: 9px
}
.style6 {
	font-size: 10px
}
.style7 {
	font-size: 12pt
}
.style8 {
	font-size: 10pt
}
.style10 {
	font-size: 9px;
	color: #FF0000;
}

/*
body {
background-image:url(image/dowzyou/bg_wood.jpg);
	background-attachment: fixed;
	background-attachment: scroll;
}
*/

.style13 {
	color: #0F2347
}
.style14 {
	font-size: 14px
}
.style16 {
	color: #FF0000
}
.style23 {
	font-size: 14
}