@charset "UTF-8";

#subnavi3{
line-height:36%;
}
#subnavi3 li{
list-style: none;
line-height:100%;
}

li.navi_title{
font-size:80%;
display:block;
background:#888899;
color:#ffffff;
width:160px;
height:10px;
padding: 8px 10px ;
margin: 0;
}

li.navi_contents a{
font-size:80%;
display:block;
background-image:url(white180_32.jpg);
text-decoration:none;
color:#555566;
margin:0px;
width:160px;
height:14px;
padding:9px 10px;
}

li.navi_contents a:hover{
background-image:url(blue180_32.jpg);
text-decoration:none;
color:#555566;
}

#catalog{
width:170px;
border:solid 1px #bbd6f3;
font-size:80%;
color:#666666;
background:#ffffff;
margin:0 5px 10px 5px; 
line-height:130%;
}

#catalog #title{
background:#bbd6f3;
color:#666666;
padding:5px;
}

#catalog #sentense{
padding:5px;
}

/* CSS Document */

body {
text-align: center;
background-color: #eeeeee;
margin: 0px;
padding: 0px;
color:#666666;
}
img {
	border-style: none;
	vertical-align: text-bottom;
}

p {
	font-size: small;
	line-height: 150%;
	color: #666666;
	padding-left: 20px;
	margin-top: 10px;
}

#container {
  line-height: 110%;
  margin: 0 auto;
  text-align: left;
  width: 824px;
  background: url(body_shadow.jpg) repeat-y;
 padding:0;
  }

a {
  text-decoration: underline;
  }

a:link {
  color: #336600;
  text-decoration: underline;
  }

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

a:active {
  color: #00CCFF;
  text-decoration: none;
  }

a:hover {
  color: #00CCFF;
  text-decoration: underline;
  }


/*header*/

#header {
	background: #FFFFFF;
	height: auto;
        margin: 0 12px ;
padding:0;
}
#header_introduction{
background:#bbd6f3;
color:#ffffff;
font-size:75%;
margin:0;
padding:4px 10px;
width:780px;
}
#banner {  
width: 800px;
padding:0;
margin:0;
}


#banner h1 {
	font-size:1px;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	line-height:0px;
                text-align: right;
	}
#banner h2 {
	font-size:1px;
	text-align: right;
                line-height:0px;
                color: #ffffff;
	}
#banner h3 {
	font-size:10px;
	text-align: right;
                color: #999999;
                font-weight:normal;
                line-height:2px;
	}


#banner img {
      margin-top: 0px;
      }

#logo {
	width: 400px;
        margin-top: 10px;
	float: left;
}
a#banner-img {
  display: none;
  }



#banner a {
  color: #000000;
  text-decoration: none;
  }
.main_title {
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	padding-left: 10px;
	padding-right: 20px;
}


.navi {
	clear: both;
	margin: 0 12px;
	background: #EBEBEB;
width:800px;
}

#place_navi{
width:760px;
margin:0 12px;
padding:11px 20px;
background: #ffffff;
font-size:small;
border-bottom:1px #aabbff;
}

#place_navi a{
color:#666666;
}


#maincon {
	clear: both;
	padding: 0px;
	width: 800px;
background:#f6f6f6;
}

#maincon2{
margin:10px 12px 0 12px;
width:800px;
}

/*honbun*/

#tphoto {
	float: right;
	width: 560px;
        padding: 0 24px 35px 24px;
background:#ffffff;
}
#headphoto {
	width: 800px;
margin: 0 12px;
}

#subnavi {
	float: left;
}

#subnavi ul {
	margin: 0px;
}
#subnavi li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}




/*sidebar*/

#right {
	float: right;
	width: 200px;
	background-color: #E4BC96;
	overflow: hidden;
  }


.sidebar {
	padding: 10px;
	width: 180px;
  }

.sidebar h2 {
	color: #336600;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.3em;
	margin-bottom: 0px;
  }

.sidebar ul {
  padding-left: 0px;
  margin: 0px;
  margin-bottom: 30px;
  }

.sidebar li {
  color: #666666;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: x-small;
  text-align: left;
  line-height: 150%;
  margin-top: 5px;
  list-style-type: none;
  }

.photo {
  text-align: left;
  margin-bottom: 20px;
  }
.photoleft {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.photoright {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
#subnavi2 {
	float: left;
	width: 200px;
        padding: 0 0 0 0px;
}

#subnavi3 {
	float: left;
        margin: 0 ;
        background: #ffffff;
}

#subnavi3 ul,li {
        padding: 0px;
        margin:0px;
}



.link-note {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: x-small;
  line-height: 150%;
  text-align: left;
  padding: 2px;
  margin-bottom: 15px;
  }

#powered {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: x-small;
  line-height: 150%;
  text-align: left;
  color: #666666;
  margin-top: 50px;
  }
  
  


#content {
	float: right;
	width: 800px;
	overflow: hidden;
	padding: 0px;
  }

#tphoto h3 {
	font-size: 90%;
background:url(title003_05.jpg) no-repeat;
	color: #666666;
	padding:7px 15px;
	clear: both;
	width: 520px;
height:16px;
}

#tphoto h4 {
	font-size: smaller;
	font-weight: normal;
	padding-left: 10px;
	clear: both;
                border-bottom: 5x:
                border-right: 5px;
                border-top:0px
	border: solid #dddddd;
	margin-left: 10px;
	margin-bottom: 10px;
                margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
                background-color:#e0e0e0;
                color:#666666;
}

#a:hover h4 {
  color: #000000;
  text-decoration: underline;
}

#tphoto h5 {
	font-weight: bold;
	color: #1C7D3C;
	clear: both;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.tecsent {
	font-size: small;
	line-height: 150%;
	color: #666666;
	padding-left: 20px;
	margin-top: 10px;
}




.sent {
	background-color: #FFFFFF;
	color: #666666;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: small;
	width:530px;
	padding: 5px 15px;
	float: left;
        margin:0px 0px 0px 30px;
  }
#subsent {
	padding-top: 15px;
	float: right;
	width: 180px;
	padding-right: 30px;
        text-align:right;
}



.sent p {
  color: #666666;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: small;
  font-weight: normal;
  line-height: 150%;
  text-align: left;
  margin-bottom: 10px;
  }

.sent blockquote {
  line-height: 150%;
  }

.sent li {
  line-height: 150%;
  }

.sent h2 {
  color: #666666;
  font-size: small;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
  }

.sent h3 {
  color: #333;
  font-size: medium;
  text-align: left;
  margin-bottom: 10px;
  }

.sent p.posted {
  color: #999999;
  font-family: Helvetica, Arial, sans-serif;
  font-size: x-small;
  border-top: 1px solid #CCCCCC;
  text-align: left;
  margin-bottom: 25px;
  line-height: normal;
  padding: 3px;
  }



#comment-data {
  float: left;
  width: 180px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: left;
  border-right: 1px dotted #BBB;
  }

textarea[id="comment-text"] {
  width: 80%;
  }
.selllefttop {
	font-size: 90%;
	color: #666666;
	background-color: #EFEFEF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	vertical-align: text-top;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.sellrighttop {
	font-size: 90%;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	vertical-align: top;
	border: 1px solid #CCCCCC;
}

.midashi {
	font-weight: bold;
	color: #777777;
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 0px;
}
#bottom {
	clear: both;
	font-size: small;
	text-align: center;
margin:0;
padding:0;
color: #666666;
}



.date-header {
	font-size: 80%;
}
.entry-header {
	font-size: 80%;
margin:0 0 0 20px;
}
.entry-body {
	font-size: 70%;
}
.sellfont {
	font-size: 75%;
	color: #666666;
}


/*====float===================*/

.clearfix:after {
 content:".";
 display:block;
 clear:both; 
 height:0;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */

/*==Dreamweaver===*/
.clearfix + *{
    clear: both;
}

/*====anchor_pin.html=========*/

#anchor_pin {
	float: right;
	width: 560px;
        padding: 0 24px 35px 24px;
background:#ffffff;
}

#anchor_pin h3 {
	font-size: 90%;
background:url(title003_05.jpg) no-repeat;
	color: #666666;
	padding:7px 15px;
	clear: both;
	width: 520px;
height:16px;
}

#anchor_pin h4 {
	width: 540px;
	font-size: 85%;
	font-weight: bold;
	padding:5px 5px 5px 5px;
	clear: both;
	margin-bottom: 10px;
    margin-top: 15px;
    background-color:#e0e0e0;
    color:#666666;
}

#anchor_pin h5 {
	width:545px;
	font-size: 85%;
	font-weight: bold;
	color:#F60;
	border-color:#F60;
	border-style:solid;
	border-width:0 0 1px 0;
	padding: 0 0 5px 5px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}

table.tokucho td{
	font-size:small;
	padding:0 5px 0 5px;
}

table.an_p{
	width:550px;
	border-collapse:collapse;
	margin:10px 0 5px 0;
}

table.an_p td{
	font-size:small;
	text-align:center;
	border-color:#EAEAEA;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	padding:5px 5px 5px 5px;
}

td.an_p_h{
	color:#FFF;
	background-color:#F90;
}

td.an_p_l{
	background-color:#CCC;
}

.an_p_txt{
	font-size:11px;
}

.ap_zai{
	width:550px;
	font-size:small;
	margin-top:10px;
}

.ap_zai_l{
	float:left;
	width:100px;
}

.ap_zai_r{
	float:left;
	width:300px;
}

/*====shadan.html=========*/
table.shadan01 td{
	font-size: small;
	padding:0 5px 0 5px;
}

.shadan_kakomi{
	width:auto;
	border-color:#666;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	margin-top:20px;
	padding:0 5px 5px 5px;
}

.shadan_kakomi h4{
	font-size: smaller;
	font-weight: normal;
	margin:0 0 10px 0;
    background-color:#e0e0e0;
    color:#666666;
}

.shadan_kakomi p {
	font-size: small;
	line-height: 150%;
	color: #666666;
	padding:0 0 0 5px;
}

table.shadan_story td p {
	font-size: small;
	line-height: 150%;
	color: #666666;
	padding:0 0 0 5px;
	margin-top: 10px;
}

/*==== indent===================*/
.indent01 {
  text-indent: -1em;
  padding-left: 1em;
}

*:first-child+html .indent01 {
  text-indent: -0.8em;
  padding-left: 0.8em;
}