/*  ------------------------------style reset*/
*  {
	margin:  0;
	padding:  0;
}


/*  ------------------------------レイアウト確認用ボーダー
*  {
	border:  1px solid #f00;
} */

/*  ------------------------------basic css */
body{
	font-size:14px;*font-size:medium;*font:small;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background: url(../img/bg.gif) ;
	color:#444444;
	margin-top: 10px ;
	margin-bottom: 10px ;
	text-align:  center;  /*  Win IE5.X用 */
}

img{
	border: none;
	display: block ;
}

.inl{
	display: inline ;
}




/*  ------------------------------Anchor */
a:link{
	color:#5fa3cb;
	text-decoration: none;	
}

a:visited{
	color:#5fa3cb;
	text-decoration: none;	
}

a:hover{
	color: #ff670b;
	text-decoration: none;
}



/*  ------------------------------汎用タイトル */
h1 {
	color: #007bc7;
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
}

h2 {
	color: #007bc7;
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0 0 30px;
}

h3 {
	color: #007bc7;
	font-size: 110%;
	font-weight: bold;
	margin: 30px 0 0 30px;
}

h4 {
	color: #007bc7;
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0 0 30px;
}





p {
	font-size: 100%;
	text-align: left;
	text-indent: none;
	margin : 10px 0 10px 30px;
}

strong {
	font-style: inherit;
	font-weight: bold;
}

em {
	color: #ff670b;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}

.u{
	border-bottom:  solid 1px #ff6600 ;
}

.small{
	font-size: 85%;
}


	


/*  ------------------------------リスト表示 */

dl{
	margin-bottom: 1.5em ;
}

dt{
	font-size: 110%;
	font-weight:bold;
	margin: 1em 0 0.5em 30px ;
}

dd{
	font-size: 100%;
	font-weight:normal;
	line-height: 1.4em;
	margin: 0 0 10px 30px;
}



ul{
	list-style-position: outside;
	margin: 0 0 0 3em ;
}

li{
	margin: 0.5em 0 0 0 ;
}



ol{
	list-style-position: outside;
	margin: 0 0 1em 3em ;
}

ol li{
	margin: 0.5em 0 0 0 ;
}






/*  ------------------------------構造上のID　*/

#container{
	margin-right: auto;
	margin-left: auto;
	width: 781px ;
	background: url(../img/bg-cont.gif) repeat-y ;
	text-align: left;   /*  Win IE5.X用 */
	vertical-align: top;
	overflow: hidden;
}


#header{
	margin-right: auto;
	margin-left: auto;
	/*background: url(../img/header.jpg) no-repeat ;*/
	width: 781px ;
	height: 120px ;
	text-align: left;   /*  Win IE5.X用 */
	vertical-align: top;
	overflow: hidden;
}


#contents{
	width: 781px ;
}




/*  ------------------------------#contents内・左メニュー　*/
#left{
	float: left;
	width: 170px ;
	padding: 5px 0 0 20px ;
	vertical-align: top;
	/*font-size: 0; line-height: 0;
	overflow: hidden;*/
}

#left img{
	display: block ;
}


.leftbn1{
	display: block ;
	margin: 10px 0 0 0 ;
}

.leftbn2{
	display: block ;
	margin: 80px 0 0 0 ;
}


#left a:link{
	color: #39a1c8;/*ブルー*/
	text-decoration: none;	
}

#left a:visited{
	color: #39a1c8;/*ブルー*/
	text-decoration: none;	
}

#left a:hover{
	color: #ff670b;/*オレンジ*/
	text-decoration: none;
}

.submenu{
	width:170px;
	margin: 0 0 5px 0 ;
	font-size:12px;
	line-height: 1.5em ;
	background: url(../img/submenu-bg.gif) no-repeat ;
	background-position: bottom;
}



	

/*  ------------------------------#contentsr内・メインススペース　*/
#main{
	float: right;
	width: 570px ;
	line-height: 1.4em;
	vertical-align: top;
	overflow: hidden;
}


.textbox{
	width: 530px;
	margin: 0 0 30px 10px;
}

.textbox2{
	width: 470px;
	padding: 5px;
	margin-left: 30px;
	text-align:  center;
	border: 2px solid #ffd1a3;/*薄いオレンジ*/
}

.textbox3{
	width: 470px;
	padding: 5px;
	margin-left: 30px;
	text-align:  center;
	border: 2px solid #98d5ff;/*ブルー*/
}

.textbox4{
               width: 470px;
               padding: 5px;
               margin-left: 30px;
               text-align: left;
              background-color: #ccff00;
               border: 2px solid #ccff00;
}

/*  ------------------------------イメージ画像、コメントの配置 */
.img-r{
	float: right;
	margin: 0 0 20px 10px;
	display: block ;
}


.img-l{
	float: left;
	margin: 5px 10px 10px 0;
	display: block ;
}

.img-c{
	margin-right: auto;
	margin-left: auto;
	display: block ;
}

.cmnt-r{
	float: right;
	margin: 10px 10px 5px 0;
}

.cmnt-c{
	font-size: 92%;
	font-weight: normal;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align:  center;  /*  下部・メニュー用 */
}


.clear-r{
	clear: right;
}

.clear-l{
	clear: left;
}

.clear-b{
	clear: both;
}



/*  ------------------------------フッター　*/
#footer{
	background: url(../img/footer.jpg) no-repeat ;
	clear: both;
	width: 798px;
	height: 34px ;
}