/* 更新頻度CSS*/
body {width:830px;clear:both;margin-right:auto; margin-left:auto;
	font-family: Verdana, Arial, sans-serif;
	line-height:190%; font-size: 14px; text-align: center;margin-top:20px;background-color:#ffffff;
	color:#555555;
	background-image:url("./bg.gif"); background-repeat:repeat;
}

#contents {
width:800px;
display:block;
clear:both;
}
#head{
width:795px;
display:block;
float:left;
height:150px;
}

#footer {
width:795px;
display:block;
background-color: #f5f5f5;
border-top:1px #cccccc solid;
color:#6396E7;
font-size:90%;
margin:30px 0 0 0;
}
h1 {
	border-left: 10px #6376D6 solid;
	border-right: 10px #6376D6 solid;
	border-bottom: 1px #6376D6 solid;
	color: #6376D6;
	padding:10px;
	background-color: #f5f5f5;
	margin-top:15px;
	display:block;
}
h2 {
	border-right: 10px #6376D6 solid;
	border-bottom: 1px #6376D6 solid;
	color: #6376D6;
}
h3 {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #BFBFBF;
  background-color:#FFFFCC;
}
.gd{
text-align:left;
display:block;
}
#step {
text-align:left;
display:block;
margin:15px 0 auto auto;
}
#step img{
margin:10px 0 0 0 ;
}
#step img.step{
border:2px #555 solid;
margin:5px;
}

.step{
color: green; 
font-size: 10px;
}
.input:focus {
border: 2px solid #6396E7;
width:450px;
height:45px;
font-size:30px;
  background-color:#FFFFFF;
}

.mini {
color:#ACA899;
font-size:11px;
}
.mini2 {
color:#ACA899;
font-size:11px;
}
.bold {
color:#686868;
font-weight:bold;
}
.input{
border: 2px solid #cccccc;
width:450px;
height:45px;
font-size:30px;
  background-color:#FFFFCC;
}
.submit{
width:100px;
height:50px;
font-size:20px;
margin-left:10px;
border: 2px solid #000000;
padding:6px 0;
}
.submit:hover{
  background-color:#FFFFFF;
}
h4 {
	font-size:20px;
	color: #6376D6;
	padding-left:20px;
}
a ,a:link,a:visited{ color:#6376D6;text-decoration:none; }
a:hover { color:#EB5C6C; text-decoration:underline; }



#flashcontent{
height:310px;
}


#contents .pro label{
	border-left: 10px #EB5C6C solid;
	display:block;
	font:bold 15px/18px verdana;
	margin:10px;
}
#contents label{
	display:block;
}


#contents p{
	margin-left:20px;
}


hr {
color: #ffCCCC;
background-color: #ffCCCC;
height: 3px;
border-style: dotted;
margin-top: 2em;
margin-bottom: 2em;
}
label {
	display:block;
	font:normal 12px/17px verdana;
	margin:10px;
}
textarea {
	width: 500px;
	height: 235px;
	margin-left:10px;
	margin-bottom:10px;
} 


#site{width:450px;font-size:12px;margin-left:20px;}
#site .left{float:left;border-right:1px dotted #cccccc; padding-right:2px;}
#site .right{float:left;padding-left:2px;border-right:1px dotted #cccccc; padding-right:2px;} 
#site p  { padding-left:1px;padding-top:3px; }
.t {padding-left:1px;}
#site .web {background:url("./pc.png") no-repeat left center;}
#site .blog {background:url("./rss.png") no-repeat left center;}
#site .non {padding-bottom:1px;}


form                                { margin: 50px 0 0 0; display:block;}
.label                               {font-size: 18px ; display: block; text-align: left; padding: 5px 10px 0 0; width: 500px; }
.text		                    { float: left; width: 80px; font: bold 20px Helvetica, sans-serif; padding: 3px 0 0 0; text-align: center; }
form div                            { overflow: hidden; margin: 0 0 5px 0; }
.button                             { margin: 10px 0 0 5px; text-indent: -9999px; cursor: pointer; width: 35px; height: 29px; text-align: left; background: url(buttons.png) no-repeat; }
.dec                                { background-position: 0 -30px; }


#option {
display:block;
border:5px solid #6396E7;
}
.option2{
margin-left:40px; 
}
.su2{
display:block;
}
.info, .success, .warning, .error, .validation {
border: 1px solid;
padding:10px 0;
background-repeat: no-repeat;
background-position: 10px center;
margin:20px 0;
}
.info {
width:780px;
color: #00529B;
background-color: #BDE5F8;
background-image: url('image/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('image/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('image/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('image/error.png');
}


.logo {
display:block;
width:360px;
float:left;
}
.description  {
display:block;
float:left;
margin:0 0 30px 0;
}

/* --- ボックス --- */
.section {
width: 330px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
font-size: 90%; /* ボックスの文字サイズ */
/*margin:0px auto;*/
display:block;
float:left;
margin: 10px 30px 25px 25px;
}
.section_bp {
width: 720px; 
background-color: #ffffff;
border: 1px #c0c0c0 solid; 
font-size: 90%;
display:block;
float:left;
margin: 10px 30px 25px 25px;
}


/* --- 見出し --- */
.section h3 ,.section_bp h3{
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下枠線 */
font-size: 120%; /* 見出しの文字サイズ */
border-left: 10px #6376D6 solid;
height:45px;
}


h3.green{
border-left: 10px #6CA82A solid;
color:#6CA82A;
}
h3.green a{
color:#6CA82A;
}

h3.orange{
border-left: 10px #D66918 solid;
color:#D66918;
}
h3.orange a{
color:#D66918;
}

/* --- 本文領域 --- */
.section .textArea {
height: 120px; /* 本文領域の高さ */
overflow: auto;
}
.section_bp .textArea_bp {
height: 200px; /* 本文領域の高さ */
overflow: auto;
}


/* --- 本文領域内の段落 --- */
.section .textArea p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

textarea.bp{
width:250px;
height:80px;
overflow: auto;
}

.bp_left,.bp_right{
float:left;
width:300px;
display:block;
margin:10px 0;
}

.bpb{
display:block;
width:640px;
float:left;
}

.rank {
width:500px;
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
font-size: 90%; /* ボックスの文字サイズ */
margin:20px auto;
display:block;
text-align: left;
}
.rank img.tag{
margin-bottom:15px;
border:0;
}
.rank h3{
border-bottom:1px #c0c0c0 solid;
color:#D66918;
margin:0px auto;
padding:10px;
font-size:18px;

}
.rank a{
color:#D66918;
}
.rank a:hover { color:#EB5C6C; text-decoration:underline; }

.rank h4{
font-size:15px;
}
.rank .mini {
color:#ACA899;
font-size:11px;
margin-left:20px;
}
.rank .mini2 {
color:#ACA899;
font-size:11px;
margin:0 0 30px 30px;
}
/*////////////////////////////////////////////////////////*/
.rank .title1{
border-left: 10px #009EF2 solid;
background-color:#E6E6E6;
}

.rank .title2{
border-left: 10px #95C916 solid;
background-color:#E6E6E6;
}
.rank .title3{
border-left: 10px #FA930B solid;
background-color:#E6E6E6;
}


/*////////////////////////////////////////////////////*/
.rank h3.blue ,.rank .title1 a{
color:#009EF2;
}
.rank h3.green {
color:#95C916;
border-bottom:1px #c0c0c0 solid;
border-left:0;
}
.rank .title2 a{
color:#95C916;
}

.blogparts{
display:block;
text-align: center;
}

div.pager {
    margi: 20px 0 50px 50px;
    font-size: 85%;
    display:block;
text-align: center;
}

div.pager a,
div.pager span {
    display: block;
    float: left;
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
}

div.pager a {
    color: #105cb6;
    background-color: #fff;
    border: 1px solid #9aafe5;
    text-decoration: none;
}

div.pager a:hover {
    color: #003;
    background-color: #fff;
    border: 1px solid #2e6ab1;
}

div.pager span.current {
    color: #fff;
    background-color: #2e6ab1;
    border: 1px solid #2e6ab1;
    font-weight: bold;
}

div.pager span.nextprev {
    border: 1px solid #ddd;
    color: #999;
    background-color: #fff;
}

div.pager a.nextprev {
    font-weight: bold;
}