/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   /* for page transition*/
   div.header,div.footerwrapper,.wrapper{
	   display:none;
   }
   
*{
	font-size:1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.pre{
	width:100%;
	text-align:center;
	font-size:1.5em;
	color:#aaa;
	margin:100px 0;
	line-height:1.8em;
	}
body,
h1,h2,h3,h4,h5,h6{
    padding: 0;
    margin: 0;
}
a,a:link,a:visited{
    border: none;
    text-decoration: none;
    color: #555;
}
a:hover,a:active{
}
.clearfix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


div.header{
    width: 100%;
	min-width:980px;
	margin:0 auto;
    height: 200px;
	position:relative;
}

div.index{
    height: 430px;
    background: url(../img/headerBg2.png) no-repeat center center;
	/*background-color:#EBF4F4;*/
}
div.contents{
    background: url(../img/nav_bg.png) repeat-x center 110px;
}

.header_container{
    width: 980px;
    margin: 0 auto;
    position: relative;
	height:100%;
}

/*
 *header
 */
 .slides{
	 position:absolute;
	 width:100%;
	 height:100%;
	 z-index:-50;
	 
 }
.logo{
    width: 340px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 30px;
    background: url(../img/logo.png) no-repeat center center;
    text-indent: -9999px;
}
.tel_info{
    width: 260px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 30px;
    background: url(../img/tel.png) no-repeat center center;
    text-indent: -9999px;
	opacity:0.8;
}
.img_text{
    width: 500px;
    height: 100px;
    position: absolute;
    left: 230px;
    top: 250px;
    background: url(../img/img_text2.png) no-repeat center center;
    text-indent: -9999px;
}

p.a{
	/*width:100%;
	text-align:center;
	font-size:1.2em;
	color:#888;
	margin:0;
	padding:30px 0 0 0;
	line-height:1.8em;*/
	width:750px;
	text-align:center;
	font-size:1.2em;
	color:#888;
	height:120px;
	margin:0 auto 0 auto;
	padding:15px 0 20px 0;
	line-height:1.8em;
	background-color:#fff;
}
/*********************navigation******************************/
.main-navigation{
    position: absolute;
    top: 110px; /*same with header.contents bg position */
    left: 0;
    background-color: #32a5a6;
}
.main-navigation ul{
    list-style: none;
    width: 980px;
    margin: 0;
    padding: 0;
}

.main-navigation ul li{
    width: 195px;
    height: 60px;
    float: left;
    border-right: 1px dotted rgba(255,255,255,0.5);
}
.main-navigation ul li:first-child{
    border-left: 1px dotted rgba(255,255,255,0.5);
    width: 194px;
    /*border-left: none;
    padding-left: 1px;*/
    }
.main-navigation ul li a{
    /*text-indent: -9999px;*/
    display: block;
    width: 100%;
    height: 100%;
}
.main-navigation ul li a:hover{
    background-color: #2b8e8f;
}
/********************* footer ******************************/
div.footerwrapper{
    width: 100%;
	min-width:980px;
	margin:0 auto;
    border-top: #32a5a6 1px solid;
}
.footer{
    width: 980px;
    margin: 0 auto;
    padding-top: 20px;
}
.toTop{
    background: url(../img/totop.png) no-repeat center center;
    text-indent: -9999px;
    width: 95px;
    height: 95px;
    opacity: 0.5;
}
.footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer ul li{
    display: inline;
    font-size: 0.9em;
}
.footer ul li a{
    padding: 5px 15px;
}
.footer ul li a:hover{
    text-decoration: underline;
}
.footer ul li{
    border-left: dotted 1px #ccc;
}
.footer ul li:first-child{
    border-left: none;
}
/*********************wrapper******************************/
.wrapper{
    width: 100%;
    height: auto;
    padding: 0;
}
.contents-main{
    width: 980px;
    margin: 0 auto;
}
p.copyright{
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 13px 0 20px 0;
}
.foot_tel{
    width: 500px;
    height: 120px;
    margin: 20px auto 30px auto;
    background: url(../img/foot_tel.png) no-repeat center center;
    text-indent: -9999px;
}

/********************* icon navigation******************************/
.icon_navigation{
    width: 980px;
    margin: 0 auto;
    /*padding: 30px 0 30px 0;*/
	padding: 0;
}
.icon_navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.icon_navigation ul li{
    width: 320px;
    height: 225px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.icon_navigation ul li:nth-child(3n) {
    margin-right: 0;
}
.icon_navigation ul li a{
    display: block;
    width: 100%;
    height: 100%;
    }

.b-jimu{background: url(../img/iconnav_h_jimu.png) no-repeat center center;}
.b-houmonjimu{background: url(../img/iconnav_h_houmon.png) no-repeat center center;}
.b-office{background: url(../img/iconnav_h_office.png) no-repeat center center;}
.b-kichou{background: url(../img/iconnav_h_kichou.png) no-repeat center center;}
.b-mail{background: url(../img/iconnav_h_mail.png) no-repeat center center;}
.b-data{background: url(../img/iconnav_h_data.png) no-repeat center center;}    
.b-saiyou{background: url(../img/iconnav_h_saiyou.png) no-repeat center center;}
.b-system{background: url(../img/iconnav_h_system.png) no-repeat center center;}
.b-web{background: url(../img/iconnav_h_web.png) no-repeat center center;}

/********************* icon bo navigation******************************/
.icon_bo_navigation{
    width: 980px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.icon_bo_navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.icon_bo_navigation ul li{
    width: 320px;
    height: 120px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.icon_bo_navigation ul li:nth-child(3n) {
    margin-right: 0;
}
.icon_bo_navigation ul li a{
    display: block;
    width: 100%;
    height: 100%;
    }
/*
.bo-jimu{background: url(../img/iconnav_h_jimu.png) no-repeat center center;}
.bo-houmonjimu{background: url(../img/iconnav_h_houmon.png) no-repeat center center;}
.bo-office{background: url(../img/iconnav_h_office.png) no-repeat center center;}
.bo-kichou{background: url(../img/iconnav_h_kichou.png) no-repeat center center;}
.bo-mail{background: url(../img/iconnav_h_mail.png) no-repeat center center;}
.bo-data{background: url(../img/iconnav_h_data.png) no-repeat center center;}    
.bo-saiyou{background: url(../img/iconnav_h_saiyou.png) no-repeat center center;}
.bo-system{background: url(../img/iconnav_h_system.png) no-repeat center center;}
.bo-web{background: url(../img/iconnav_h_web.png) no-repeat center center;}
*/

/********************* main ******************************/
.main{
    padding: 10px 0 10px 0;
    /*box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);*/
}
.main .titleicon{
    width: 110px;
    height: 110px;
    margin: 0 auto;
}
.main h2{
    color: #2b8e8f;
    font-weight: normal;
    font-size: 2em;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    padding: 0;
}
.cat-caption{
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    color: #555;
    line-height: 2.3em;
}



/**/
.sub_cul_box{
    width: 980px;
    margin: 30px 0 30px 0;
	border-top: 1px solid #ddd;
}

.sub_cul{
    margin: 0;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}

.sub_cul_box_half,.sub_cul_box_3{
    width: 980px;
    margin: 30px 0 30px 0;
	border-top: 1px solid #ddd;
}

.sub_cul_half{
    margin: 0;
	float:left;
    width: 458px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin: 15px 0 0 0;
	padding:15px 20px 20px 0;
	border-right: 1px solid #ddd;
}
.sub_cul_3{
    margin: 0;
	float:left;
    width: 301px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin: 15px 0 0 0;
	padding:15px 10px 20px 0;
	border-right: 1px solid #ddd;
}
.m-right{ margin-right:20px;}
.sub_cul_half table{ width:100%;}
.sub_cul:first-child,
.sub_cul_half:first-chil{
    border-top: 1px solid #ddd;

}
.sub_cul h3,
.sub_cul_half h3,
.sub_cul_3 h3{
    color: #2b8e8f;
    font-weight: normal;
    font-size: 1.3em;
    width: 100%;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 0;
}
.sub_cul p,
.sub_cul_half p,
.sub_cul_3 p{
    font-size: 0.9em;
    color: #555;
    line-height: 1.8em;
    text-align: justify;
}
/********cul************/
.seikyusho div.box,
.kichou div.box{
    width: 480px;
    margin-right: 500px;
}/*alight left*/
.nyukin div.box{
    width: 480px;
    margin-left: 500px;
}/*alight right*/
.seikyusho{
    background: url(../img/culbg_seikyusho.png) no-repeat center center;
}
.nyukin{
    background: url(../img/culbg_nyukin.png) no-repeat center center;
}
.kichou{
    /*background: url(../img/culbg_kichou.png) no-repeat center center;*/
}
/********cul************/




/*
.sub_cul_box{
    width: 800px;
    padding: 30px 90px 30px 90px;
}
.sub_cul{
    margin: 0 25px;
    width: 350px;
    float: left;
}


.sub_cul h3{
    color: #2b8e8f;
    font-weight: normal;
    font-size: 1.3em;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    padding: 0;
}
.sub_cul p{
    width: 100%;
    font-size: 0.9em;
    color: #555;
    line-height: 1.8em;
    text-align: justify;
}
*/


.price_box{
    border:1px #555 solid;
	 text-align:center;
    font-size: 0.9em;
}
.price_box tr th,
.price_box tr td{
    padding: 10px;
}
.price_box tr th{
    color: #fff;
    background-color: #555;
    border-right:1px #555 solid;
}
.price_box tr td.border_right{
    border-right:1px #555 dotted;
}
/*jimu price*/
.jimu_price{
	 width: 400px;
}


/*office price*/
.office_price{
	min-width:600px;
	margin:25px auto 0 auto;
}
.office_price tr th{
	text-align:left;
	border-top:1px #fff solid;
}
.office_price tr td{
	text-align:right;
	border-top:1px #555 solid;
}

.office_price tr:first-child td,
.office_price tr:first-child th{
	border-top:none;
}
.office_price span.cap{
	padding:3px 10px;
	margin-left:10px;
	font-size:0.8em;
	background-color:#fff;
	color:#555;
}

/*mail price*/
.mail_price{
	min-width:600px;
	margin:25px auto 0 auto;
}
.mail_price tr th{
	text-align:left;
	border-top:1px #fff solid;
}
.mail_price tr td{
	text-align:right;
	border-top:1px #555 solid;
}

.mail_price tr:first-child td,
.mail_price tr:first-child th{
	border-top:none;
}
.mail_price span.cap{
	padding:3px 10px;
	margin-left:10px;
	font-size:0.8em;
	background-color:#fff;
	color:#555;
}
.mail_price span.mini-cap{
	font-size:0.7em;
	padding:3px 10px;
}
/*atena price*/
.atena_price{
	/*min-width:480px;
	margin:25px auto 0 auto;*/
	margin:0;
}
.atena_price tr th{
	text-align:left;
	border-top:1px #fff solid;
}
.atena_price tr td{
	text-align:right;
	border-top:1px #555 solid;
}

.atena_price tr:first-child td,
.atena_price tr:first-child th{
	border-top:none;
}
.atena_price span.cap{
	padding:3px 10px;
	margin-left:10px;
	font-size:0.8em;
	background-color:#fff;
	color:#555;
}
.atena_price span.mini-cap{
	font-size:0.7em;
	padding:3px 10px;
}


/*web price*/
.web_price{
	min-width:600px;
	margin:25px auto 0 auto;
}
.web_price tr th{
	text-align:left;
	border-top:1px #fff solid;
}
.web_price tr td{
	text-align:right;
	border-top:1px #555 solid;
}

.web_price tr:first-child td,
.web_price tr:first-child th{
	border-top:none;
}
.web_price span.cap{
	padding:3px 10px;
	margin-left:10px;
	font-size:0.8em;
	background-color:#fff;
	color:#555;
}
.web_price span.mini-cap{
	font-size:0.7em;
	padding:3px 10px;
}
/********************* company ******************************/
.profile{
	width:100%;
	font-size:0.8m;
	padding:0 0 30px 0;
	color:#555;
}
.profile p{
	margin:0;
	padding:7px 0;
	line-height:1.3em;
}
.profile-box{
	width:50%;
	float:left;
}
ul.gyoumu{
	margin:0;
	padding:0;
	line-height:1.3em;
	list-style-position: inside;
	list-style-type: disc;
}
ul.gyoumu li{
}


/*profile_table*/
.profile_table{
	margin:10px auto 30px auto;
	min-width:800px;
	/*border:1px #555 solid;*/
	 text-align:center;
    font-size: 0.9em;
}
.profile_table tr th,
.profile_table tr td{
    padding: 10px;
}
.profile_table tr th{/*
    color: #fff;
    background-color: #555;
    border-right:1px #555 solid;*/
}
.profile_table tr th{
	text-align:left;
	border-bottom:1px #ddd solid;
}
.profile_table tr td{
	text-align:left;
	border-bottom:1px #ddd solid;
}

.profile_table tr:first-child td,
.profile_table tr:first-child th{
	border-top:none;
}
.profile_table span.cap{
	padding:3px 10px;
	margin-left:10px;
	font-size:0.8em;
	background-color:#fff;
	color:#555;
}
.profile_table tr td ul{
	list-style:none;
}
.gmap{margin:0 auto;}
/********************* contact ******************************/
.contact-form{
    /*border:1px #555 solid;*/
	 text-align:center;
    font-size: 0.9em;
	width:700px;
	margin:0 auto;
}
.contact-form textarea,
.contact-form input{
	border:none;
	width:90%;
}
.contact-form textarea:focus,
.contact-form input:focus{
	outline: none;
}


.contact-form tr th,
.contact-form tr td{
    padding: 10px;
	
}
.contact-form tr th{
    color: #fff;
    background-color: #555;
    border-right:1px #555 solid;
	text-align:left;
}
.contact-form tr{
	border-top:1px #fff solid;
}
.contact-form tr td{
    background-color: #ddd;
}
.contact-form tr:first-child{
	border-top:none;
}
.submit_bo{
	min-width:350px;
	text-align:center;
	margin:20px auto;
}
.submit_bo input{
	display:inline-block;
	border:none;
	background-color:#555;
	color:#fff;
	padding:10px 50px;
}
.submit_bo input:hover{
	background-color:#888;
}
/********************* faq ******************************/
.faq_box{
	width:80%;
	padding:10px 10%;
	margin:0;
}
.faq_box dl{
	width:100%;
}
.faq_box dl dt{
	font-size:1.3em;
	line-height:1.6em;
	color:#2b8e8f;
	padding:0;
	margin:0;
	display: list-item;
	list-style-type: decimal;
	list-style-position: inside;
}
.faq_box dl dd{
	color:#555;
	line-height:1.6em;
	padding:15px 0 30px 0;
	margin:0;
	}

/***************ie*************************/
body {
	text-align:center\9;
}
div.header{
	margin:0\9; /*ie7ie8*/
}
.contents-main{
	text-align:center\9;/*ie7ie8*/
}
.main{
	text-align:center\9;/*ie7ie8*/
}
a{
	margin:0;\9;/*ie7ie8*/
	padding:0;\9;/*ie7ie8*/
	}
.icon_navigation ul li{
    margin-right: 6px\9;/*ie7ie8*/
    margin-bottom: 6px\9;/*ie7ie8*/
}
.icon_bo_navigation ul li{
    margin-right: 6px\9;/*ie7ie8*/
    margin-bottom: 6px\9;/*ie7ie8*/
}

.contact-form TR TD{
	width:480px\9;
}
.contact-form TR TH,
.contact-form TR TD{
    padding: 10px\9;
	
}
.contact-form TR TH{
    color: #fff\9;
    background-color: #555\9;
    border-right:1px #555 solid\9;
	text-align:left\9;
}
.contact-form TR TH,
.contact-form TR TD{
	border-top:1px #fff solid\9;
}
.contact-form TR TD{
    background-color: #ddd\9;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}