@charset "utf-8";
/* CSS Document */



html{
-webkit-text-size-adjust:none;
}

*{
padding:0;
margin:0;
}

body{
font-size:14px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#000000;
font-weight:400;

}

a:link{
color:#ffffff;
text-decoration:none;
}

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

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

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

.section a:link{
color:#000000;
text-decoration:underline;
}

.section a:visited{
color:#000000;
text-decoration:none;
text-decoration:underline;
}

.section a:active{
color:#000000;
text-decoration:none;
text-decoration:underline;;
}

.section a:hover{
color:#000000;
text-decoration:none;
text-decoration:underline;
}

#footer-area a:link{
color:#000000;
text-decoration:underline;
}

#footer-area a:visited{
color:#000000;
text-decoration:none;
text-decoration:underline;
}

#footer-area a:active{
color:#000000;
text-decoration:none;
text-decoration:underline;;
}

#footer-area a:hover{
color:#000000;
text-decoration:none;
text-decoration:underline;
}

#blog{
color:#000000;
}

#blog a:link{
color:#000000;
text-decoration:none;
}

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

#blog a:active{
color:#000000;
text-decoration:none;
}

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

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

#news a:visited{
color:#000000;
text-decoration:underline;
}

#news a:active{
color:#000000;
color:#000000;
text-decoration:underline;
}

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

ul{
margin:0;
padding:0;
list-style-type: none;
}

li{
margin:0;
padding:0;
}

.section table{
margin-top:10px;
}

tr{
width:100%;
}

th{
padding:20px 20px 20px 0px;
text-align:left;
border-top:#ccc dotted 1px;

}

td{
padding:20px 0px 20px 0px;	
border-top:#ccc dotted 1px;
}

.form{
font-size:14px;
}

.form th{
padding:10px 20px 10px 0px;
text-align:left;
border-top:#ccc dotted 1px;
}

.form td{
padding:10px 0px 10px 0px;	
border-top:#ccc dotted 1px;
}
	
img{
border-width:0px;
}

p{
margin-bottom:20px;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

h2{
font-size:10px;
font-weight:400;
color:#000;
margin-bottom:-15px;
text-indent:-9999px;
}

h3{
margin-bottom:15px;
font-size:36px;
font-weight:800;
line-height:130%;
}

h4{
margin-top:25px;
margin-bottom:10px;
font-size:24px;
font-weight:800;
line-height:130%;
text-decoration:underline;
/*padding:5px 10px 5px 10px;
border:#000000 solid 1px;
display:table;
clear:both;*/
}

#wrapper{
background-color:#ffffff;
height:auto;
border-top:#000 solid 10px;
/*border-bottom:#000 solid 10px;*/
width:100%;
}

#primary{
width:1045px;
margin-left:auto;
margin-right:auto;
height:auto;
}

#header{
height:114px;
border-bottom:#000000 solid 8px;
width:1045px;
}

#rogo{
width:305px;
float:left;
margin-top:40px
}

#tag{
width:183px;
float:right;
}

#navi-area{
height:114px;
display:table;
float:left;
width:740px;
}

* html #navi-area{  
position: relative;  
}  

*+html #navi-area{  
position: relative;
}  

#navi{
display:table-cell;
vertical-align: bottom;
height:50px;
font-size:18px;
font-weight:800;
line-height:50px;
width:740px;
}

* html #navi{  
position: absolute;
top: 100%;
}  

*+html #navi{  
position: absolute;
top: 100%; 
}

div.#navi ul {  
margin: 0;  
}  

* html #navi ul {  
position: relative;  
top: -100%;
}  

*+html #navi ul {  
position: relative;
top: -100%;
}  

#navi ul{
display:block;
height:50px;
float:right;
display:table-cell;
vertical-align:bottom;
line-height:114px;
}

#navi li{
display:inline;
list-style-type:none
}

#navi li a{
display:block;
float:left;
height:50px;
text-decoration:none;
border-right:#333 solid 1px;
padding-top:30px;
line-height:50px;
}

li#navi_index a {
padding:0px 15px 0px 15px; 
color:#000000;
}

li#navi_index a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_index_active a{
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_about a {
padding:0px 15px 0px 15px;
color:#000000;
}

li#navi_about a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_about_active a{
padding:0px 15px 0px 15px; 
background-color:#000000;
color:#ffffff;
}

li#navi_price a {
padding:0px 15px 0px 15px;
color:#000000;
}

li#navi_price a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_price_active a{
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_works a {
padding:0px 15px 0px 15px;
color:#000000;
}

li#navi_works a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_works_active a{
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_faq a {
padding:0px 15px 0px 15px;
color:#000000;
}

li#navi_faq a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_faq_active a{
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_blog a {
padding:0px 15px 0px 15px;
color:#000000;
border-right:#000 solid 1px;
}

li#navi_blog a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_blog_active a{
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_contact a {
padding:0px 15px 0px 15px;
color:#000000;
border-right:#000 solid 1px;
}

li#navi_contact a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_contact_active a{
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_service a {
padding:0px 15px 0px 15px;
color:#000000;
border-right:#000 solid 1px;
}

li#navi_service a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_service_active a{
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_flow a {
padding:0px 15px 0px 15px;
color:#000000;
border-right:#000 solid 1px;
}

li#navi_flow a:hover {
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

li#navi_flow_active a{
padding:0px 15px 0px 15px;
background-color:#000000;
color:#ffffff;
}

#contents{
padding:50px 15px 10px 15px;
height:auto;
overflow:hidden;
width:1015px;
}

.section{
width:705px;
margin-bottom:60px;
}

#right-column{
width:280px;
float:left;
}

#news{
margin-bottom:30px;
clear:both;
height:auto;
margin-top:30px;
}

#title{
height:50px;
line-height:50px;
border-bottom:#000000 solid 4px;
border-top:#000000 solid 4px;
font-size:24px;
font-weight:800;
margin-bottom:10px;
}

#news li{
border-bottom:#ccc dotted 1px;
margin-bottom:10px;
padding-bottom:10px;
line-height:18px;
}

#contact-banner{
background-color:#000000; 
padding:25px 20px 20px 20px;
color:#FFFFFF;
clear:both;
margin-top:30px;
}

#contact-title{
font-size:36px;
line-height:100%;
margin-bottom:15px;
}

#mailaddress{
font-size:22px;
background:url(../share/icon_mail.gif);
background-repeat:no-repeat;
background-position:0px 7px;
padding-left:26px;
margin-top:-5px;
}

#contactform{
display:block;
font-size:21px;
font-weight:800;
margin-bottom:15px;
margin-top:15px;
background:url(../share/icon_point.gif);
background-repeat:no-repeat;
background-position:0px 3px;
padding-left:20px;
line-height:110%;
}

#main-column{
width:705px;
float:left;
margin-right:30px;
}

#footer-area{
clear:both;
border-top:#000 solid 10px;
padding:25px 15px 25px 15px;
height:auto;
overflow:hidden;
}

#footer-about{
float:left;
border-right:#000 solid 2px;
padding-right:16px;
margin-right:22px;
width:37%;
}

#footer-service{
float:left;
border-right:#000 solid 2px;
padding-right:16px;
margin-right:22px;
width:29%;
}

#footer-contact{
float:left;
width:26%;
}

.footer-title{
font-size:24px;
font-weight:800;
margin-bottom:10px;
line-height:140%;
}

#profile{
clear:both;
padding-top:20px;
}

dl{
margin-top:25px;
}

dt{
vertical-align:top;
margin-bottom:10px;
}

.q{
font-size:18px;
font-weight:800;
background:url(../faq/img/icon_q.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 22px;
}

.num_01{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_01.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_02{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_02.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_03{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_03.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_04{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_04.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_05{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_05.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_06{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_06.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_07{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_07.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_08{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_08.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_09{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_09.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

.num_10{
font-size:22px;
font-weight:800;
background:url(../flow/img/num_10.gif) ;
background-repeat:no-repeat;
background-position:0px 4px;
padding: 0px 0px 0px 28px;
}

dd{
padding: 0px 0px 0px 28px;
vertical-align:top;
}

#submit1{
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-size: 22px;
height: 50px;
margin-left:100px;
width: 200px;
font-weight:800;
text-align:center;
border: 1px solid #000000;
cursor: pointer;
display: block;
float:left;
}

#submit2{
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-size: 22px;
height: 50px;
margin:0 auto; 
width: 200px;
font-weight:800;
text-align:center;
border: 1px solid #000000;
cursor: pointer;
display: block;
float:left;
}

#reset{
background: none repeat scroll 0 0 #e5e5e5;
color: #000000;
font-size: 22px;
height: 50px;
margin-left:15px;
width: 200px;
font-weight:800;
text-align:center;
border: 1px solid #000000;
cursor: pointer;
display: block;
float:left;
}

#back{
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-size: 22px;
height: 50px;
margin:0 auto;
width: 200px;
font-weight:800;
text-align:center;
border: 1px solid #000000;
cursor: pointer;
display: block;
float:left;
}

#btn_submit_and_reset{
width:705px;
margin-left:auto;
margin-right:auto;
}

#btn_submit2{
width:200px;
margin-left:auto;
margin-right:auto;
}

#btn_back{
width:200px;
margin-left:auto;
margin-right:auto;
}

.error{
margin-bottom:10px;
color:#C00;
}

/*.entry-title{
font-size:20px;
font-weight:800;
}*/

#post-10{
margin-bottom:120px;
}

.entry-meta{
float:left;
}

.cat-links{
float:left;
}

#works{
margin-top:40px;
}

#works img{
border:#CCCCCC solid 1px;
margin-top:10px;
}


.list{
margin-bottom:80px;
}

#area{
clear:both;
}

.small-60{
font-size:60%;
}

.small-45{
font-size:45%;
margin-bottom:-20px;
}

#copyright{
text-align:center;
background-color:#000000;
height:35px;
color:#FFFFFF;
font-size:12px;
padding-top:15px;
width:100%;
margin-left:auto;
margin-right:auto;
}

#page-top{
width:100%;
height:30px;
margin-top:50px;
}

#page-btn{
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-size: 14px;
height: 30px;
width: 120px;
font-weight:800;
border: 1px solid #000000;
cursor: pointer;
float:right;
margin-right:15px;
text-align:center;
display:table-cell;
vertical-align:middle;
}

#page-btn a{
display:block;
height:30px;
line-height:30px;
}

#blog-banner{
background-color:#FFFFFF;
color:#000000;
width:278px;
text-align:center;
cursor: pointer;
font-size:36px;
font-weight:800;
height:75px;
vertical-align:middle;
/*display:table-cell;*/
display:block;
text-align:center;
margin-bottom:10px;
border:#000000 solid 1px;
}

#blog-banner a{
display:block;
height:75px;
text-decoration:none;
line-height:90px;
color:#000000;
}

#blog-banner a:hover{
display:block;
height:75px;
text-decoration:none;
line-height:90px;
color:#ffffff;
background-color:#000000;
}

#special-banner{
background-color:#FFFFFF;
color:#000000;
width:278px;
text-align:center;
cursor: pointer;
font-size:36px;
font-weight:800;
height:75px;
vertical-align:middle;
/*display:table-cell;*/
display:block;
text-align:center;
margin-bottom:30px;
border:#000000 solid 1px;
}

#special-banner a{
display:block;
height:75px;
text-decoration:none;
line-height:100%;
color:#000000;
}

#special-banner a:hover{
display:block;
height:75px;
text-decoration:none;
line-height:100%;
color:#ffffff;
background-color:#000000;
}

.list-title{
margin-bottom:5px;
font-weight:800;
font-size:28px;
font-weight:800;
}



.ondes{
color:#999;
}

.storytitle a{
color:#000000;
}

.meta {
color:#000000;
margin-bottom:20px;
display:block;
}

.meta a{
color:#000000;

}



.storycontent a{
color:#000000;
text-decoration:underline;
}

.feedback{
margin-bottom:30px;	
	}