/*-----基本設定-----*/
body{
color: #333333;
background: white;
text-align:center;
font-size: 14px;
line-height: 150%;
padding: 5px 0px;
}

/*hr{ display: none }*/

hr {
border-width: 1px 0px 0px 0px; /* 太さ */
border-style: solid; /* 線種 */
border-color: #cccccc; /* 線色 */
height: 1px; /* 高さ */
}

img{ border: 0 }

a:link { color: #333366; text-decoration:none}
a:visited { color:#333366; text-decoration:none}
a:hover { color:#b91518; text-decoration:none}

.clearing{ width: 900px; height: 0px; clear: both; }

.aka { color: #ff3300;}
.ao { color: #0033cc;}

/* Basic classes */
.hidden{
 display: none;
}
.centerize{
 text-align: center;
}

/*----- Header -----*/
#headbar {
 margin: auto;
 width: 900px;
}
.banner {
 width:196px;
 font-size: 10px;
 float: left;
 margin: 2px;
 line-height: 120%;
 text-align: left;
}
#header{
 /*position: relative;*/
 width: 900px;
 margin: auto;
}
#header1{
 text-align:right;
 height: 110px;
}
.headermenu {
 width: 900px;
 /*height: 20px;*/
 /*background: #faf2c8;*/
 background: #fff6c6;
 padding: 2px;
 margin: auto;
 text-align:center;
 font-size: 13px;
}
.headermenu a{
 font-weight: bold;
}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper{
padding-top: 10px;
width: 900px;
margin: auto;
text-align: left;
}
/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#main {
width: 900px;
height: 1%;
overflow: visible;
float: right;
margin-left: -200px;
}
.content{
 width:700px;
 padding: 0;
 margin: 0px 0px 10px 200px;
}
h1 {
 clear: both;
 width:680px;
 border-bottom:  dotted 1px #7fbbd2;
 /*border-bottom: solid 1px #333333;*/
 font-size: 18px;
 padding: 8px 10px 5px 10px;
color: #333333;
}
span.font11 {
font-size: 11px;
line-height: 50%;
}
/*-------------------------------------------------
  Item styles
-------------------------------------------------*/

.contentbody
{
 font-size:14px;
 text-align: justify;
 padding: 0 0 16px 0;
}

/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	display:block;
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	/*width: 20%;*/
/*width:700;*/
}
.leftbox {
 float: left;
 /*border-right: 2px solid #ccc;*/
}
.rightbox {
 float: right;
 /*border-left: 2px solid #ccc;*/
}

/*-------------------------------------------------
  list
-------------------------------------------------*/
span.list {
 font-size: 11px;
 line-height: 120%;
 float:left;
 margin:0;
 width:140px;
 text-align:center;
 /*width:190px;*/
}
span.listprice{
 font-size: 12px;
 color:#ff3300;
 font-weight:bold;

}


/*-------------------------------------------------
  cago
-------------------------------------------------*/
#cago img{
 width: 200px;
 margin:3px 20px 3px 3px;
 float:left;
 border:solid 1px #999999;
}

#cago dl{
 float:left;
}

#cago dd{
 font-size:10pt;
 line-height: 150%;
}
#cago dl big{
 border-bottom: dotted 2px #888888;
 margin:0px 0 10px 0;
}

.mail img{
margin-left:225px;
border:0px;
}

span.plice{
 font-size:15pt;
 color:#ff3300;
 font-weight:bold;
 line-height: 180%;
}

/*-------------------------------------------------
  cago2
-------------------------------------------------*/
#cago2 {
 padding-left:223px;
}

#cago2 dl{
 margin:3px 20px 3px 3px;
 float:left;
}
#cago2 dd{
 font-size:10pt;
}
#cago2 dl big{
 border-bottom: dotted 2px #888888;
 margin:0px 0 10px 0;
}
span.plice{
 font-size:15pt;
 color:#ff3300;
 font-weight:bold;
 line-height: 180%;
}

/*----- Menu -----*/
#sidebarcontainer{
float: left;
width: 180px;
padding: 3px;
}
.sidebar{
color: #21262A;
margin: 0 0 4px 0px;
}

/********** Menu lists **********/
.sidebardl{
padding: 0 0 10px 0;
margin: auto;
line-height: 140%;
}
.sidebardl dt{
margin:0px 0px 3px 0px;
padding:0px;
}
.sidebardl dd{
padding: 2px;
margin: 1px 0 0 0;
font-size: 12px;
border-bottom: dotted 1px #7fbbd2;
clear:both;
}
.sidebardl dd img{
float: left;
padding: 2px 10px 5px 2px;
margin: 0px;
vertical-align: middle;
}
.sidebardl dd:hover{
background: #c2e3e8;
padding: 2px;
margin: 1px 0 0 0;
clear:both;
}

/*-----TopLink-----*/
.toplink {
margin: auto;
padding: 0 0 15px 0px;
text-align:right;

}

.toplink a{
font-weight:bold;
font-size: 13px;
margin: auto;
padding: 5px;
background: #fff6c6;
border-bottom: dotted 2px #333366;
}

/*-----setumei-----*/
.setumei {
width:600px;
margin: 0 50px 0 50px;
background: #f4faff;
padding: 10px;
}
/*-----yoyaku-----*/
.yoyaku {
width:500px;
text-align:center;
margin: 0 100px 0 100px;
background: #f4faff;
padding: 5px;
color: #0033cc;
font-weight:bold;
}
/*-----table1-----*/
.table1 {
width:600px;
margin:auto;
padding:0;
border-collapse:collapse;
border:solid #dfefff 1px;
}

.table1 th{
font-weight:normal;
text-align: center;
background:#f4faff;
border-top:1px solid #dfefff;
margin:0;
padding: 5px;
width:130px;
}
.table1 td{
margin:0;
padding: 5px;
border:solid #dfefff 1px;
}


/*-----Copy-----*/
#copy {
width: 900px;
margin: auto;
padding-top: 5px;
font-size: 12px;
line-height: 140%;
}