/* まんな可変 Templete(Orange)  */
/* 2007/6/6 更新 更新者：EG */

*{
margin: 0;
padding: 0;

}

a{
  text-decoration: none;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #FBA003;
  font-size: 10pt;
  font-family:"ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;

}
body div {
  text-align: left;
  margin: 0 auto;
}




div#border{
width: 700px;
height: 100%;
padding:0;
background-color: #FBA003;
}

div#container{
background-color: #FFF;
width: 698px;
text-align: left;
padding: 0;
margin-left: 1px;
}

div#header{

margin: 0;
padding: 0;
/* background-color: #FBA003; */
color:  #FFF;
background: #FBA003 url("/skin/images/headback01.jpg") repeat-x top ;
}

div#header .header_pic{
height: 80px;
width: 698px;
background-repeat: no-repeat;
background-position: 580px 35px;
background-image: url("/skin/images//kawauso_5.gif");
}

/* 画像領域 */

div#eg_photos {
	height: 110px;
	width: 698px;
	background-color: #fff3e6;
	overflow: hidden;
	text-align: center;;
}
div#eg_photos ul {
  margin: 0 0 0 25px;

}

.eg_photo_item {
	height:100px;
	width:80px;
	float: left;
	display: block;
	margin:5px;
	text-align:center;
	overflow: hidden;

}
.eg_photo_image {
	border: none;
}

div#main{

width: 497px;
padding: 0;
margin: 0;
background-color: #FFFAF3;
overflow: auto;
border-right:1px solid #FBA003;
float: left;

/* IE  */

scrollbar-face-color: #FDC05F;
scrollbar-shadow-color: #FBA003;
scrollbar-highlight-color: #FFFAF3;
scrollbar-3dlight-color: #FBA003;
scrollbar-darkshadow-color: #FFFAF3;
scrollbar-arrow-color: #FBA003;



}

div#menu{
padding: 0px;
margin: 0;
width: 200px;
float: right;
background-color: #fff;
}




/* ヘッダー領域用スタイル */

div#header h1.main_t{

text-align: left;
padding-left: 20px;
font-size: 13pt;
letter-spacing: 20px;
padding-top: 20px;

}

div#header h2.sub_t{
  margin-top: 2px;
  margin-left: 20px;
  font-size: 10pt;
  letter-spacing: 4px;
  font-weight: normal;
  color: #FFFCD7;
}

div#header a:link,div#header a:visited{

  color:#FFFFFF;

}

div#header a:hover,div#header a:active{

  text-decoration: underline;
  color:#FFFFFF;

}


/*メニュー領域用スタイル*/

div#menu dt{
text-align: center;
background-color: FDC05F;
color: #fff;

border-bottom: 1px solid #FBA003;
border-top: 1px solid #FBA003;


font-weight: bold;
font-size: 100%;
padding: 1px 0 1px 0; 
}

div#menu dd{
  margin: 0px;
  font-size: 80%;
  line-height: 20px;
  padding-left: 10px;
  background: url("/skin/images/menu_back.gif") repeat ;

}
div#menu dd.search{

  margin: 0px;
  padding: 10px;
  background: none;

}


div#menu dd ul{
  list-style-type: none;
}
div#menu dd ul li ul{
  margin-left: 10px;
}


div#menu dd a:link,div#menu dd a:visited{

  color: #FBA003;
}

div#menu dd a:hover,div#menu dd a:active{
  
  color: #FBA003;
  background-color:#EFF806 ;
}




/* メニュウここまで */


/* メイン領域用スタイル */

div.article{
  margin: 10px;
  border-bottom: 1px dotted #FDC05F;
/*  background: url("/skin/images//mikan.jpg") no-repeat right bottom; */
  background: url("/skin/images/coffee02.jpg") no-repeat right bottom;
}

div.memo{
  margin: 10px 20px 20px 10px;
  border: 1px dotted #FDC05F;
  padding: 5px;
  background-color: FEFFF3;
  
}

p.copyright{
  padding: 5px 0 5px 0  ;
  text-align: center;
  font-size: 80%;
  border-top:3px double #FED292;
}



/* 記事領域用スタイル */

div.article a:link,div.article a:visited{
  color: #FBA003;
}
div.article a:hover,div.article a:active{
  color: #FBA003;
  background-color:#EFF806 ;
}

div.article dt{
  margin-top: 10px;
  font-weight: bold;
}
div.article dd{
  margin-top: 5px;
  margin-left: 10px;
}
div.article ul{
  list-style-type: circle;
  margin: 0 0 0 30px;
  padding: 0;
}

div.article em{
  background-color: #F6F88E;
  font-style: normal;
}

div.article h2{

  border-bottom: 1px solid #FBA003 ;
   background-color:#FFF7ED; 
  border-left: 5px solid #FBA003 ;
  padding: 2px 0 2px 5px;
  font-weight: bold;
  font-size: 100%;
  margin: 5px;

}

div.article h2 a{
  color: #FBA003;
}

div.article p.text{
  margin-top: 10px;
  color: #D78503;
}


div.article p.text:first-letter{
  font-size: 200%;
  display: block;
  color: #FC9906;
  float: left;

}

div.article p.next{


  margin-top:20px;
  color: #D78503;
  line-height: 120%;
  text-align: left;
  clear: both;
  }


div.article p.next a:link,div.article p.next a:visited{

  color: #FBA003;
}

div.article p.next a:hover,div.article p.next a:active{
  
  color: #FBA003;
  background-color:#EFF806 ;
}

div.article p.omake{

line-height: 120%;
padding-top: 20px;
margin-bottom: 5px;
font-size: 80%;
text-align: right;
clear: both;
}


div.article p.omake a:link,div.article p.omake a:visited{

  color: #FBA003;
}

div.article p.omake a:hover,div.article p.omake a:active{
  
  color: #FBA003;
  background-color:#EFF806 ;
}

div.sequel{
  text-align: center;
  margin-bottom: 20px;
  clear: left;
}

div.sequel a:link,div.sequel a:visited{

  color: #FBA003;

}

div.sequel a:hover,div.sequel a:active{

  color: #FBA003;
  background-color:#EFF806 ;

}

div.page{
  text-align: center;
  padding: 10px;
}

div.page a:link,div.page a:visited{
  color: #FBA003;
}

div.page a:hover,div.page a:active{
  
  color: #FBA003;
  background-color:#EFF806 ;
}

div.profile a:link,div.profile a:visited{
  color: #FBA003;
}
div.profile a:hover,div.profile a:active{
  color: #FBA003;
  background-color:#EFF806 ;
}

/** 検索結果エリア */
div.search_result {
  padding: 10px;

}
div.search_result a:link,div.search_result a:visited{
  color: #FBA003;
}
div.search_result a:hover,div.search_result a:active{
  color: #FBA003;
  background-color:#EFF806 ;
}
div.search_result ul {
  list-style: none;
}
div.search_result ul li {
  padding: 5px;
}


div.comment{
  
  padding: 10px;

}

div.comment h2{
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}

div.comment dd{
  font-size: 100%;
}

div.comment dt{

  font-size: 80%;
  text-align: right;
}

div.comment span{
  
  font-weight: bold;
}

div.comment_form{

  padding: 10px;
}

div.comment_form h2{

  font-size: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}

div.profile{
  margin-top: 10px;
  padding: 10px;
/*  border-bottom: 1px dotted #FDC05F; */
  margin-left: 5px;
  margin-right: 5px;
}

div.profile h2{

  border-left: 5px solid #FBA003 ;
  border-bottom: 1px solid #FBA003 ;
  padding-left: 5px;
  font-weight: bold;
  font-size: 100%;
  margin: 5px;
}


/* メイン部分ここまで */


.pict{
border: 0;
position: relative;
float: left;
vertical-align: top;
margin: 5px;
}


.textbox{

  padding: 4px;
  height: 20px;
  border: 0;
  background-color: #FFEACD;
  color: #D78503;

  font-size: 90%;
  letter-spacing: 2px;
}
.textarea{
  padding: 4px;
  height: 100px;
  border: 0;
  background-color: #FFEACD;
  color: #D78503;
  letter-spacing: 2px;
  font-size: 90%;  
  overflow: auto;
}

input.button{
  background-color:#FDC05F;
  border: 0;
  color: #fff;
  font-size: 90%;
}

