@charset "utf-8";
#wrapper {
width: 900px;
margin: 0px auto 0px auto;
padding:0px 0px 0px 0px;
background-image: url(img/top_back.jpg);
background-repeat: no-repeat;
font-size:12px;
}

strong{
    font-weight: normal;
}

em{
    font-style: normal;
}

/* common */

.pad_10_0_0_0{
padding: 10px 0px 0px 0px;
}

.pad_20_0_0_0{
padding: 20px 0px 0px 0px;
}

.pad_30_0_0_0{
padding: 30px 0px 0px 0px;
}

.pad_20_10_0_0{
padding: 20px 10px 0px 0px;
}

.pad_20_0_0_20{
padding: 20px 0px 0px 20px;
}

.pad_10_0_0_20{
padding: 10px 0px 0px 20px;
}

.mar_0_0_10_0{
margin: 0px 0px 10px 0px;
}

.pad_10_0_0_20{
padding: 10px 0px 0px 20px;
}

.pad_10_0_0_30{
padding: 10px 0px 0px 30px;
}

.pad_10_0_0_50{
padding: 10px 0px 0px 50px;
}

.pud_0_0_10_0{
padding: 0px 0px 10px 0px;
}

.mar_15_0_0_0{
margin: 15px 0px 0px 0px;
}

.mar_12_0_0_0{
margin: 12px 0px 0px 0px;
}

.f_clear{
    clear: both;
}

/* header */

#header{
position:relative;
height:170px;
}

#logo{
position:absolute;
left: 2px;
top: 18px;
width:300px;
height:90px;
background-image:url(img/logo.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#logo a{
width:300px;
height:90px;
display:block;
}

#tel{
position:absolute;
left: 498px;
top: 32px;
background-image:url(img/tel.jpg);
background-repeat:no-repeat;
width:400px;
height:90px;
text-indent:-9999px;
}

#company{
position:absolute;
left: 637px;
top: 13px;
width:80px;
height:20px;
background-image:url(img/company_info.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#company a{
background-image:url(img/company_info.jpg);
display:block;
}

#company a:hover{
background-position:0px -20px;
}

#parson{
position:absolute;
left: 727px;
top: 13px;
width:80px;
height:20px;
background-image:url(img/parson.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#parson a{
background-image:url(img/parson.jpg);
display:block;
}

#parson a:hover{
background-position:0px -20px;
}


#premium{
position:absolute;
left: 816px;
top: 13px;
width:80px;
height:20px;
background-image:url(img/premium.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#premium a{
background-image:url(img/premium.jpg);
display:block;
}

#premium a:hover{
background-position:0px -20px;
}

/* html */

body{
padding:0px;
margin:0px;
background-image:url(img/header_back.jpg);
background-repeat:repeat-x;
color:#333333;
line-height:1.4em;
font-size:12px;
}

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

li{
list-style:none;
margin:0px;
padding:0px;
}

h1{
font-size:10px;
font-weight:normal;
padding:0px;
margin:0px;
color:#999999;
padding:5px 0px 0px 10px;
}

h2{
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;

}

h3{
font-size:12px;
font-weight:normal;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

p{
margin:0px;
padding:0px;
}

a{
overflow:hidden;
}

a img{
border:none;
border:0;
}

dl{
list-style:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0p;
}

dt{
list-style:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

dd{
list-style:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* gnv */

#gnv{
margin:0px 0px 0px 0px;
}

#gnv a{
display:block;
text-indent:-9999px;
}

#gnv a:hover {
background-position:0px -45px;
}

#gnv01{
width:150px;
height:45px;
position:absolute;
background-image:url(img/gnv01.jpg);
background-repeat: no-repeat;
left: 0px;
top: 125px;
}

#gnv01 a{
width:150px;
height:45px;
position:absolute;
background-image:url(img/gnv01.jpg);
background-repeat: no-repeat;
}

#gnv02{
position:absolute;
width:150px;
height:45px;
left: 150px;
top: 125px;
background-image:url(img/gnv02.jpg);
background-repeat: no-repeat;
}

#gnv02 a{
width:150px;
height:45px;
position:absolute;
background-image:url(img/gnv02.jpg);
background-repeat: no-repeat;
}


#gnv03{
position:absolute;
width:150px;
height:45px;
left: 300px;
top: 125px;
background-image:url(img/gnv03.jpg);
background-repeat: no-repeat;
}

#gnv03 a{
width:150px;
height:45px;
position:absolute;
background-image:url(img/gnv03.jpg);
background-repeat: no-repeat;
}

#gnv04{
position:absolute;
width:150px;
height:45px;
left: 450px;
top: 125px;
background-image:url(img/gnv04.jpg);
background-repeat: no-repeat;
}

#gnv04 a{
width:150px;
height:45px;
position:absolute;
background-image:url(img/gnv04.jpg);
background-repeat: no-repeat;
}


#gnv05{
position:absolute;
width:150px;
height:45px;
left: 600px;
top: 125px;
background-image:url(img/gnv05.jpg);
background-repeat: no-repeat;
}

#gnv05 a{
width:150px;
height:45px;
position:absolute;
background-image:url(img/gnv05.jpg);
background-repeat: no-repeat;
}


#gnv06{
position:absolute;
width:150px;
height:45px;
left: 750px;
top: 125px;
background-image:url(img/gnv06.jpg);
background-repeat: no-repeat;
}

#gnv06 a{
width:150px;
height:45px;
position:absolute;
background-image:url(img/gnv06.jpg);
background-repeat: no-repeat;
}

/* contents */

#main_img{
margin: 15px 0px 0px 0px;
width:900px;
height:450px;
background-image:url(img/main_img_001.jpg);
background-repeat:no-repeat;
position:relative;
}

#main_img a{
display:block;
}

.top_mess{
font-weight:bold;
}

#standard {
position:absolute;
top:280px;
left:32px;
width:252px;
height:50px;
    text-indent:-9999px;
}

#standard a{
    display:block;
width:252px;
height:50px;
}

#first {
position:absolute;
top:280px;
left:370px;
width:170px;
height:50px;
text-indent:-9999px;
}

#first a{
    display:block;
width:170px;
height:50px;
}

#main_word{
padding:0px 10px 0px 10px;
line-height:1.6em;

}

#top_under{
position:relative;
}

#top_under_p{
padding: 0px 0px 0px 10px;
/*font-weight:bold;*/
color:#565656;
}

#top_under #goto_inq {
width:132px;
height:25px;
display:block;
position:absolute;
left: 407px;
top: 26px;
text-indent:-9999px;
}

#top_h3_in{
background-image:url(img/news_h3_back.jpg);
background-repeat:repeat-y;
padding:10px 10px 0px 10px;
}

#news{
background-image:url(img/news_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#news_in{
background-image:url(img/news_h3_back.jpg);
background-repeat:repeat-y;
padding:0px 10px 0px 10px;
}

#left {
width: 250px;
padding: 20px 10px 0px 10px;
float:left;
}

#left_in{
background-image:url(img/left_back.gif);
background-repeat:repeat-y;
}

#top_left{
width:250px;
height:40px;
background-image:url(img/left_top.jpg);
text-indent:-9999px;
}

#card{
width: 250px;
height: 40px;
background-image:url(img/card_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#card_in{
background-image:url(img/card.jpg);
background-repeat:no-repeat;
width:250px;
height:200px;
text-indent:-9999px;
}

#mobile{
width: 250px;
height: 40px;
background-image:url(img/mobile_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#mobile_in{
height:50px;
padding: 150px 0px 0px 0px;
background-image:url(img/mobile_in.jpg);
background-repeat:no-repeat;
text-align:center;
}

#right {
width: 630px;
padding: 20px 0px 0px 0px;
float: right;
}

#top_h3{
background-image:url(img/top_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:900px;
height:152px;
margin: 10px 0px 10px 0px;
}

#top_h2{
background-image:url(img/top_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:900px;
height:152px;
margin: 10px 0px 10px 0px;
}

#top_h3_right{
background-image:url(img/top_h3_right.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#first_h3_right{
background-image:url(img/first_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}


#step_h3_right {
background-image:url(img/step_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#realization_h3_right {
background-image:url(img/realization_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#faq_h3_right {
background-image:url(img/faq_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#moushikomi_h3_right {
background-image:url(img/moushikomi_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#reference_h3_right {
background-image:url(img/reference_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#company_h3_right{
background-image:url(img/company_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#privacy_h3_right{
background-image:url(img/privacy_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#sitemap_h3_right{
background-image:url(img/sitemap_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#affili_h3_right{
background-image:url(img/affili_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#cam_h3_right{
background-image:url(img/cam_h3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

#footer{
clear:both;
text-align:center;
padding: 10px 0px 0px 0px;
background-image:url(img/footer_back.jpg);
background-repeat:repeat-x;
height:35px
}

#copy{
text-align:center;
padding: 5px 0px 5px 0px; 
}

.top_blog_name{
padding: 12px 0px 5px 0px;
}

.top_blog_con{
padding: 0px 0px 5px 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}

.side_blog_list{
padding: 0px 0px 10px 30px;
margin: 0px 0px 0px 0px;
background-image:url(img/side_blog_list.jpg);
background-repeat:no-repeat;
}

.side_blog_list a{

}

#application{
width: 250px;
height: 80px;
background-image:url(img/application.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#application_mail{
width: 250px;
height: 200px;
background-image:url(img/application_mail.jpg);
background-repeat:no-repeat;
}

#application a{
display: block;
width: 250px;
height: 80px;
text-indent:-9999px;
}

#application_mail a{
display: block;
width: 250px;
height: 200px;
text-indent:-9999px;
}

#news10{
width: 250px;
height: 40px;
background-image:url(img/news10.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#news10_in{
padding: 10px 0px 0px 20px;
background-image:url(img/side_back.gif);
background-repeat:repeat-y;
}

#campagin_h4{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.app_form_td{
background-image:url(img/app_form_back.jpg);
background-repeat:repeat-x;
}

.app_title{
font-weight: bold;
padding: 15px 0px 15px 0px;
/*font-color:*/ 
}

.asp {
border: 5px solid #dedede;
padding: 20px;
margin: 15px 0px 0px 0px;
}

.asp dl dt {
margin-bottom: 10px;
background: url(img/ico_arrow.gif) no-repeat center left;
padding-left: 25px;
line-height: 30px;
}

.asp dl dd {
clear: both;
padding-left: 25px;
height: 70px;
}

.asp dl dd ul li {
float: left;
margin-right: 20px;
}

.asp dl dd ul li a {
text-decoration: underline;
}

.asp dl dd ul li a:hover {
color: #09F;
}

.asp dl dd ul li span {
font-size: 11px;
}

#top_plan_standerd {
float: left;
}

#top_plan_standerd img {
display: inline;
}

#top_plan_first {
float: right;
display: inline;
}

#top_plan_first img{
display: inline;
}

#top_plan_end {
clear: both;
}

/* footer */

#footer{
clear:both;
text-align:center;
padding: 20px 0px 0px 0px;
background-image:url(img/footer_back.jpg);
background-repeat:repeat-x;
height:100px;
line-height:2em;
}

#footer_in{
width: 900px;
margin:0px auto 0px auto;
}

.footer_list{
display: inline;
padding: 0px 10px 0px 0px;
}

/* sitemap */
#sitemap_list{
padding: 0px 0px 0px 10px;
}

#sitemap_list ul{
padding: 0px 0px 0px 0px;
}

#sitemap_list li{
padding: 15px 0px 0px 0px;
}

/* blog */
.month_list{
padding: 15px 0px 0px 0px;
}

.month_list_h3{
font-weight:bold;
margin: 0px 0px 10px 0px;
}
.archive-header{
font-weight:bold;
}

.bold{
    font-weight: bold;
}

#content_h3_right{
	background-image:url(img/content_h3.jpg);
	background-repeat:no-repeat;
	width:630px;
	height:40px;
	position: relative;
}

#content_h3_right span{
	position: absolute;
    font-size: 12px;
    font-weight:bold;
	padding: 12px 0 0 12px;
}

#content_h3_right span:first-letter{
	font-size: 16px;
}

#content_h3_in{
	background-image:url(img/news_h3_back.jpg);
	background-repeat:repeat-y;
	padding:10px 10px 0px 10px;
}

/*----------------------------------------用語集の為に追加CSS　nobuhara 20101110*/

#yougo_h3_right{
background-image:url(img/yougo_banner.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:630px;
height:40px;
}

.yougo_topic{ 
    font-size:14px;
    color:#999999;
    font-weight:bold;
    margin: 0px 0px 10px 0px;
}
.yougo-list{
    font-size:14px;
    margin:5px 10px;
}

.yougo_text{
    margin:0px 10px 0px 10px; 
}

.yougo{
    font-size:14px;
    margin: 15px 0px 15px 0px;
}

#yougo_list ul{
    margin: 10px 20px 0px 40px;
}

#yougo_list li{
    float: left;
    margin: 0px 12px 0px 0px;
}

#yougo_index ul{
    margin: 10px 20px 0px 40px;
}

#yougo_index li{
    margin: 0px 20px 0px 0px;
    float: left;
}