@charset "utf-8";
/* ### 全体のレイアウト ### */

html{
	scrollbar-arrow-color : #CDE2D3;
	scrollbar-face-color : #FFFFFF;
	scrollbar-track-color : #CDE2D3;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #FFFFFF;
	scrollbar-3dlight-color:#E6F0E9 ;
	scrollbar-darkshadow-color : #E6F0E9;
	}

body{
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	margin:0px;
	margin-left:auto;
	margin-rught:auto;
	padding:0px;
	background-color: #CDE2D3;
	color:#999999; /*全体的な文字色*/
	text-align:center;
	letter-spacing:1px;
	word-break: break-all;
	}

br{	letter-spacing:normal;}


/* ### ブログの幅など ### */
#container{
	width:920px;
	margin-right:auto;
	margin-left:auto;
	padding:0px 0px;
	background-color: #FFFFFF;
	border-left:5px solid #E6F0E9;
	border-right:5px solid #E6F0E9;
	}

/*WinIE5,6の指定*/
#container {
	  overflow:visible;
	  height:1px;
	}
/*WinIE5,6・MacIE5以外の指定*/
html>body #container{
	  overflow:auto;
	  height:auto;
	}

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

#BANNER{
	height:100px;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:920px;
	width:920px;
	background-attachment: scroll;
	text-align:center;
	}
html>body #BANNER{
	width:920px;
	height:180x;
	}	
#BANNER a:link {color: #333333;text-decoration: none;	}
#BANNER a:visited {color: #333333;text-decoration: none;	}
#BANNER a:active {color: #666666;text-decoration: none;	}
#BANNER a:hover {color: #CC9999;text-decoration: none; background:none;	 }

.banner_bg{
	position:relative;
	width:920px;
	height:100px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	}	

h1.blogtitle{
	position:absolute;
	width:880px;
	font-family: "Century Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	padding:0px;
	margin:0px;
	top:30px; /*ブログタイトルの文字の位置*/
	left:30px;
	color:#FFFFFF;
	font-size:28px; /*ブログタイトルの文字サイズ*/
	font-weight:normal;
	z-index:1;
	letter-spacing:2px;
	}
.introduction{
	position:absolute;
	width:850px;
	font-family:"MS UI Gothic", "ＭＳ Ｐゴシック","Verdana", "Arial","Osaka";
	margin:0px;
	padding:0px;
	top:80px; /*ブログ概要の文字の位置*/
	left:35px;
	color:#999999; /*ブログ概要の文字色*/
	font-size: 12px; /*ブログ概要の文字サイズ*/
	line-height:125%;
	}

/* ### 全体的なリンクの設定 ### */

a:link {	color: #996666;text-decoration: none;}
a:visited {	color: #996666;text-decoration: none;}
a:active {	color: #666666;text-decoration: none;}
a:hover {	color: #C56771;text-decoration: underline;}

#KOTEI{
	width:710px;
	float:right;
	margin:0px;
	padding:0px;
	}

#main{
	width:450px;
	float:left;
	margin:0px;
	padding:0px;
	}


#contents{
	margin:0px 15px 0px 15px;
	padding:0px;
	text-align:left;
	width:470px;
	}
html>body #contents{
	width:470px;
	}

.e_title{
	font-family: "MS UI Gothic",  "Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	height:18px;
	text-indent:20px;
	margin: 0px 0px ;
	padding: 0px 0px ;
	color:#73734D;
	font-size:16px;   /*### 記事タイトルの文字サイズ ###*/
	font-weight:bold;
	letter-spacing:1px;

	}
.e_body{
	font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	margin:30px 0px 30px 0px;
	padding:0px 20px 0px 25px;
	color:#444444;     /*### 本文の文字色 ###*/
	font-size:12px;    /*### 本文の文字サイズ ###*/
	line-height:150%;
	letter-spacing:1px;
	background-color:none;
	}
.e_body_w1{
	margin:0px;
	padding:0px;
	height:auto;
	}
.e_body_w2{
	margin:0px 0px 50px 0px;
	padding:0px;
	}
.e_body_w3{
	margin:0px;
	padding:0px;
	height:35px;
	}

#SIDER{
	float:right;
	margin:0px 0px 0px 0px;
	text-align:left;
	display: inline;
	width:210px;
	width:200px;
	font-size: 10px; /* サイドメニューの全体的な文字サイズ */
	color:#666666;  /* サイドメニューの全体的な文字色 */
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka"
overflow:hidden;
	}	
html>body #SIDER{
	width:200px;
	}

/* ### サイドメニュー（左） ### */
#SIDEL{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	text-align:left;
	display: inline;
	width:210px;
	width:200px;
	font-size: 10px; /* サイドメニューの全体的な文字サイズ */
	color:#666666;  /* サイドメニューの全体的な文字色 */
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka"

	}	
html>body #SIDEL{
	width:200px;
	}




/* ### サイドメニュー（共通） ### */
#side_A{
	height:10px;
	margin:0px;
	padding:0px;
	}

#side_B{
	
	margin:0px;
	padding:0px;
	}
#side_C{
	height:10px;
	margin:0px;
	padding:0px;
	}

.sidetitle{
	margin:0px 10px;
	text-indent:5px;
	padding:0px 0px 5px 0px;
	color:#66AE9C; /* サイドメニューのタイトルの文字色 */
	font-size:10px;  /* サイドメニューのタイトルの文字サイズ */
	font-weight:bold;
	letter-spacing:2px;
	border-bottom:1px solid #FFFFFF;
	}
.sidetitle:first-letter { color:#3D6949; }  /*サイドメニュータイトルの最初の文字色*/



#SIDER p,#SIDEL p {
	margin:5px 8px;
	padding:0px 5px;
	line-height:130%;
	color:#666666;  /* サイドメニューのプラグインの説明などの文字色 */
	}

#SIDER img,#SIDEL img {
	margin:0px 0px;
	}
#SIDER ul,#SIDEL ul{
	margin:5px 5px 5px 20px;
	padding:0px;
	list-style:none;
	}
#SIDER li ,#SIDEL li{
	margin:0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: disc;  /* サイドメニューのリストのマーク */
	line-height:130%;
	letter-spacing:1px;
	color:#66AE9C;  /* サイドメニューのリストの文字色（非リンク） */
	}
#SIDER form,#SIDEL form {
	padding-bottom:10px;
	}
#SIDER form input,#SIDEL form input{
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:12px;
	}
#SIDER form textarea,#SIDEL form textarea {
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:12px;
	}
/* ### フッター ### */
#COPY{
	width:920px;
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	clear:both;
	margin:0px 0px ;
	padding:5px 0px 10px 0px;
	}
#COPY a { 
	font-weight:bold;
	}

.detail_1 {
	height:170;
	width:480;
	border-bottom:1px solid gray;
	overflow-y:scroll;
}
.detail_2 {
	float:left;
	width:45%;
}
.detail_3 {
	float:right;
	width:55%;
	border:1px;
}