@charset "utf-8";
/*
Theme Name: 3inc.jp ver02
Theme URI: -

Author: Dorobo(http://dorobo.jp)
Version: 2.0
*/


/*-----------------------< COMMON >----------------------- */

html{
width:100%;
margin: 0;
padding: 0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
-webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* デフォルト状態のインライン要素をブロック要素に指定 */
article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary {
	display:block;
}

ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}

.clear{
clear:both;
}

a { text-decoration: none;
color:#00b1e6;
 }

.line{
width:10px;
height:0px;
border-top:1px solid #00b1e6;
}

.page_print, a>.page_print{
display:none;
}

.page_print:hover{
display:none;
}
#bottom_top{
display:none;
}

#bottom_print{
display:none;
}

#go_top{
width:158px;
height:14px;
background-image:url("img/_common/go_top.png");
margin-bottom:30px;
}

#go_contact{
width:190px;
height:15px;
background-image:url("img/_common/go_contact.png");
position:absolute;
top:0px;
right:0px;
}

#content{
width:960px;
margin-top:80px;
}

#content li{
list-style: none;
}

#menu_left{
display:none;
}

#menu_left a{
color:#666;
opacity:0;
}

#menu_left a.sub{
color:#666;
opacity:0;
font-size:10px;
font-weight:normal;
line-height: 4px;
letter-spacing: 0px;
}

#menu_left a:hover{
color:#00b1e6;
}

#menu_left.line{
opacity:0px;
}

#content_right{
width:960px;
margin-left:80px;
float:left;
margin-left: 0px;
}

.disnon {
  display: none;
}

/*-----------------------< HEADER >----------------------- */


body {
width:100%;
margin:0;
overflow-x: hidden;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
-webkit-text-size-adjust: none; 
background-color:#aaa;
}

#wrap{
width:960px;
padding: 30px 50px 50px 50px;
margin: -30px auto -60px auto;
position:relative;
top:0px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color:#fff;
}

#header{
width:960px;
margin:0;
background-color:#fff;
border-top:5px solid #00b1e6;
border-bottom:1px solid #666;
padding:20px 0 0px 0;
height:90px;
}

#p_title{
position: absolute;
right: 50px;
top: 63px;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
line-height: 20px;
text-align: right;
color: #00B1E6;
display:block;
}

#p_title p{
font-size:24px;
letter-spacing: 0px;
}

#header_line{
display:none;
}

#header_logo{
margin:10px 0 45px 0 ;
width:170px;
height:65px;
background-image:url("img/_header/logo.png");
}

#header_logo img{
width:170px;
height:65px;
}

#header_tel{
display:none;
}

#header_tel img{
display:none;
}

#header_search_box{
display:none;
}

#ms_recruit{
display:none;
}

#ms_access{
display:none;
}

#ms_sitemap{
display:none;
}


#header_search_box a{
display:none;
}

#searchsubmit{
display:none;
}

#header_search_box>form{
display:none;
}

#header_menu{
display:none;
}

#header_menu a .menu_margin{
width:192px;
height:57px;
float:left;
}

#m_bg_about{
background-image:url("img/_header/menu/about_off.png");
background-size:192px 57px;
}

#m_bg_about:hover, #m_bg_about_on{
background-image:url("img/_header/menu/about_on.png");
background-size:192px 57px;
}

#m_bg_works{
background-image:url("img/_header/menu/works_off.png");
background-size:192px 57px;
}

#m_bg_works:hover, #m_bg_works_on{
background-image:url("img/_header/menu/works_on.png");
background-size:192px 57px;
}

#m_bg_service{
background-image:url("img/_header/menu/service_off.png");
background-size:192px 57px;
}

#m_bg_service:hover, #m_bg_service_on{
background-image:url("img/_header/menu/service_on.png");
background-size:192px 57px;
}

#m_bg_company{
background-image:url("img/_header/menu/company_off.png");
background-size:192px 57px;
}

#m_bg_company:hover, #m_bg_company_on{
background-image:url("img/_header/menu/company_on.png");
background-size:192px 57px;
}

#m_bg_contact{
background-image:url("img/_header/menu/contact_off.png");
margin:0 -1px 0 0;
background-size:192px 57px;
}

#m_bg_contact:hover, #m_bg_contact_on{
background-image:url("img/_header/menu/contact_on.png");
background-size:192px 57px;
}

/*-----------------------< INDEX >----------------------- */

#main{
width:960px;
margin:0;
}

#main_index{
width:960px;
margin:0;
background-image:url("img/_index/bg.png");
background-repeat:no-repeat;
}

#index_caption{
width:546px;
height:100px;
margin:0px auto 410px auto;
padding:80px 0 0 0;
}

#slider_bg{
width:100%;
height:150px;
margin:0px;
background-color:#82c8ed;
position:absolute;
top:560px;
}

#news_wrap{
width:530px;
padding:10px;
float:left;
margin: 0 0 0 -10px;
background-image:url("img/bg_box_w80.png");
}

#news_wrap>img{
margin: 0 0 25px 0;
}

#i_news_box{
margin:25px 0 0 0;
}

.i_news_list{
width: 530px;
font-size: 12px;
letter-spacing: 0px;
margin-bottom: 10px;
line-height: 17px;
}

.i_n_l_date{
color: #666;
margin-right:10px;
float:left;
letter-spacing: 1px;
}

.i_n_l_title{
width: 400px;
margin-left: 120px;
padding-left:10px;
margin-top:0px;
}

.i_n_l_title a{
color: #00b1e6;
}

.i_n_l_title a:hover{
text-decoration:underline;
}

.i_n_l_title a br{
display:none;
}

#animation_target_box{
position: relative;
left: 574px;
width: 320px;
padding: 5px 0 5px 40px;
}


#index_works_box{
padding:5px 0 5px 0px;
height:175px;
margin-top:-155px;
}

#index_works_box a, #index_works_box a:visited{
color:#0097e6;
text-decoration:none;
border: none;
}


/*-----------------------< INDEX SLIDER >----------------------- */


.slider_wrapper{
width:100%;
height:150px;
margin:0px;
background-color:#00b1e6;
position:absolute;
top:0px;
}

.nivoSlider {
    width:960px;
    height:150px;
    margin: 0 auto; 
    position:relative;
    background:url(js/nivo-slider/images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    width:960px;
    height:150px;
    top:0px;
    left:0px;
}
.nivoSlider a {
    border:0;
    display:block;
}

.nivo-caption {
	background:#1cb3dc;
	}


/*-----------------------< INDEX PARALLAX >----------------------- */

#index_bg_01, #index_bg_02, #index_bg_03{
width:100%;
margin-left:-511px;
height:1076px;
background-repeat:no-repeat;
overflow:none;
position:absolute;
}

#index_bg_01{
background-image:url("img/_index_bg/index_bg_01.png");
z-index:-99;
margin:0 auto;
}

#index_bg_02{
background-image:url("img/_index_bg/index_bg_02.png");
z-index:-96;
margin:0 auto;
}

#index_bg_03{
background-image:url("img/_index_bg/index_bg_03.png");
z-index:-94;
margin:0 auto;
}

/*-----------------------< FOOTER >----------------------- */

#footer{
width:960px;
margin:30px auto 0 auto;
padding: 0 50px;
position:relative;
background-color:#fff;
}

#footer a{
color:#fff;
}

#footer_box01{
display:none;
}

#footer_box02{
width:100%;
height:45px;
margin:15px 0 0 0;
padding:0;
background-color:#00b1e6;
}

#footer_box02in{
width:960px;
height:45px;
margin:0 auto;
clear:both;
text-align:right;
position:relative;
}

#footer_box02in2{
position:absolute;
right:0px;
}

#footer_box02in2 a{
display:none;
}

#p_footer{
font-size:11px;
color:#000;
display: block;
width:960px;
padding:10px 0;
border-top:1px solid #666;
}

#p_footer p{
font-size:20px;
color:#00b1e6;
display:inline;
margin-left:10px;
}

#p_footer div#address{
font-size: 8px;
width: 260px;
color: #00B1E6;
position: absolute;
top: 13px;
left: 330px;
}

#p_footer div#copy{
position:absolute;
right:50px;
top:13px;
}

#footer_bg{
display:none;
}

#footer_box01 div{
float:left;
margin-right:10px;
background-repeat:no-repeat;
}

#mf_logo{
width:124px;
height:48px;
padding-right:10px;
background-image:url("img/_footer/logo.png");
}

#mf_01{
width:61px;
height:12px;
margin-top:36px;
background-image:url("img/_footer/_menu/mf_01_off.png");
}

#mf_01:hover{
background-image:url("img/_footer/_menu/mf_01_on.png");
}

#mf_02{
width:106px;
height:12px;
margin-top:36px;
background-image:url("img/_footer/_menu/mf_02_off.png");
}

#mf_02:hover{
background-image:url("img/_footer/_menu/mf_02_on.png");
}

#mf_03{
width:62px;
height:12px;
margin-top:36px;
background-image:url("img/_footer/_menu/mf_03_off.png");
}

#mf_03:hover{
background-image:url("img/_footer/_menu/mf_03_on.png");
}

#mf_04{
width:98px;
height:12px;
margin-top:36px;
background-image:url("img/_footer/_menu/mf_04_off.png");
}

#mf_04:hover{
background-image:url("img/_footer/_menu/mf_04_on.png");
}

#mf_05{
width:74px;
height:12px;
margin-top:36px;
background-image:url("img/_footer/_menu/mf_05_off.png");
}

#mf_05:hover{
background-image:url("img/_footer/_menu/mf_05_on.png");
}

#mf_06{
width:96px;
height:12px;
margin-top:36px;
background-image:url("img/_footer/_menu/mf_06_off.png");
}

#mf_06:hover{
background-image:url("img/_footer/_menu/mf_06_on.png");
}

#mf_copy{
width:210px;
height:11px;
background-image:url("img/_footer/copy.png");
margin-top:37px;
margin-left:10px;
}

#msf_address{
width:532px;
height:12px;
margin-top:15px;
background-image:url("img/_footer/address.png");
float:left;
margin-right:10px;
}

#msf_01{
width:84px;
height:10px;
margin-top:17px;
background-image:url("img/_footer/_menu_sub/msf_01.png");
float:left;
margin-right:10px;
}

#msf_02{
width:103px;
height:10px;
margin-top:17px;
background-image:url("img/_footer/_menu_sub/msf_02.png");
float:left;
margin-right:10px;
}

#msf_03{
width:74px;
height:10px;
margin-top:17px;
background-image:url("img/_footer/_menu_sub/msf_03.png");
float:left;
}


/*-----------------------< WORKS >----------------------- */


#header_w{
width:960px;
height:130px;
margin:0;
background-color:rgba(255,255,255,0.5);
}

#header_logo_w{
margin:10px 0 0 0 ;
width:170px;
height:65px;
}

#header_menu_w{
width:959px;
height:40px;
margin:25px 0 0 0;
border-left:1px solid #ccc;
}

#header_menu_w a .menu_margin{
width:191px;
height:40px;
border-right:1px solid #ccc;
float:left;
}

#works_header{
width:960px;
margin:30px 0;
position:relative;
}

#works_list{
position:relative;
top:0px;
left:0px;
font-size:11px;
color:#888;
}

#works_footer{
width: 960px;
height: 18px;
margin: 60px 0 0px 0;
position: relative;
}

#works_bg{
width:100%;
height:360px;
background-color:#82c8ed;
position:absolute;
top:220px;
z-index:-99;
overflow:hidden;
opacity:0.7;
}

.works_list a{
color:#00b1e6;
}

/*-----------------------< WORKS_POST >----------------------- */


.works_box{
width:960px;
position:relative;
margin-top:80px;
}

#works_spec_left_box{
width:410px;
margin: 30px 100px 0 0;
float:left;
}

#works_spec_right_box{
margin:30px 0 0 0px;
}

.works_spec_left{
line-height:19px;
letter-spacing:1px;
margin-bottom:30px;
}

.works_spec_right{

font-size:14px;
letter-spacing:1px;
margin-bottom:30px;
}

.w_text_h2{
font-size:16px;
color:#00b1e6;
letter-spacing: 1px;
margin-bottom:10px;
}

.w_text_h3{
margin-right:20px;
width:70px;
height:100%;
text-align:right;
display:block;
float:left;
font-size:14px;
color:#666;
letter-spacing: 1px;
line-height:24px;
margin-bottom: 10px;
}

.w_text_h4{
font-size:14px;
color:#666;
letter-spacing: 1px;
line-height:24px;
margin-bottom:10px;
text-align:justify;
text-justify:auto;
}

.w_text_h5{
font-size:11px;
color:#aaa;
letter-spacing: 1px;
line-height:19px;
text-align:justify;
text-justify:auto;
}


.spec img{
width:65px;
height:auto;
}

.spec_sub{
margin-left:64px;
}

#works_chart_box{
width:960px;
position:relative;
margin-top:100px;
}

#works_chart_box img{
width:960px;
height:auto;
}

/*-----------------------< SIDE_WORKS >----------------------- */

#side_works_box{
width:960px;
margin:80px 0 0 0;
height: 220px;
}

#side_works_box a, #side_works_box a:visited{
color:#0097e6;
text-decoration:none;
border: none;
}

#s_w_cap{
margin:0 0 25px 0;
}

.s_w_thumb{
width:150px;
height:auto;
font-size:9px;
text-align:left;
margin: 30px 10px 0 0;
float:left;
}

.s_w_thumb img{
width:150px;
height:130px;
margin-bottom:2px;
}

/*-----------------------< SIDE_SERVICE >----------------------- */

#side_service_box{
width:960px;
margin:120px auto 0 auto;
height: 133px;
}

#s_s_cap{
width:240px;
margin-bottom:30px;
background-size:100% 100%;
}

#s_s_01{
width:240px;
height:55px;
background-image:url("img/_menu_service/platform_off.png");
background-size:100% 100%;
float:left;
}

#s_s_01:hover{
background-image:url("img/_menu_service/platform_on.png");
background-size:100% 100%;
}

#s_s_02{
width:240px;
height:55px;
background-image:url("img/_menu_service/alliance_off.png");
background-size:100% 100%;
float:left;
}

#s_s_02:hover{
background-image:url("img/_menu_service/alliance_on.png");
background-size:100% 100%;
}


#s_s_03{
width:240px;
height:55px;
background-image:url("img/_menu_service/product_off.png");
background-size:100% 100%;
float:left;
}

#s_s_03:hover{
background-image:url("img/_menu_service/product_on.png");
background-size:100% 100%;
}


#s_s_04{
width:240px;
height:55px;
background-image:url("img/_menu_service/produce_off.png");
background-size:100% 100%;
float:left;
}

#s_s_04:hover{
background-image:url("img/_menu_service/produce_on.png");
background-size:100% 100%;
}

/*-----------------------< PAGES >----------------------- */

#pages_header{
width:960px;
margin:30px 0;
position:relative;
}

#pages_list{
height: 10px;
position:relative;
top:0px;
left:0px;
font-size:11px;
color:#888;
}

#pages_list div{
background-image: url("img/list_arrow.png");
background-size: 5px 7px;
width: 5px;
height: 7px;
margin-top: 0;
margin-right: 6px;
margin-left: 6px;
float: left;
margin-top:4px;
}

#pages_list p{
display: inline;
float: left;
margin: 0;
}

#pages_list br{
display: none;
}

#pages_title, .pages_title{
position:relative;
left:0px;
top: 0px;
margin-top:80px;
margin-bottom:30px;
padding: 0px 0 0px 0px;
color:#000;
letter-spacing:2px;
z-index:10;
}

.pages_box{
width:960px;
margin:30px 0 0 0 ;
position:relative;
}

.pages_cap, .pages_cap_sub{
margin-top:30px;
padding: 0px 0 0px 10px;
border-left:1px solid #ccc;
}

.pages_cap{
margin-left:10px;
height:23px;
}

.pages_cap img{
width:auto;
height:23px;
}

.pages_cap_sub{
margin-left:30px;
height:18px;
}

.pages_cap_sub img{
width:auto;
height:18px;
}

.pages_text{
width:720px;
margin:0;
color: #000;
font-size: 12px;
line-height: 19px;
}

.pages_text p{
margin-left:20px;
margin-top:30px;
text-align:justify;
text-justify:auto;
}

.pages_text p a{
font-weight:bold;
color:#0097e6;
}


.pages_text p span{
margin-left:20px;
display:block;
}

.pages_text  ol, .pages_text ol li{
margin-left:11px;
list-style-type:decimal;
list-style-position: outside;
}


/*-----------------------< ABOUT >----------------------- */

.about_00l{
width:560px;
color:#666;
font-size:12px;
line-height:19px;
position:relative;
left:0px;
}

.about_01l{
width:560px;
color:#666;
font-size:12px;
line-height:19px;
position:relative;
text-align:justify;
text-justify: auto;
}

.about_01r{
width:325px;
height:396px;
background-image:url("img/_about/01_bg.png");
position:absolute;
top: -25px;
right: 56px;
}

.about_02l{
width: 405px;
height:424px;
background-image:url("img/_about/02_bg.png");
background-repeat:no-repeat;
position: absolute;
top: 50px;
left: 30px;
}

.about_02r{
width:490px;
position: absolute;
color: #666;
font-size: 12px;
line-height: 19px;
right: 0px;
top: 80px;
}

.about_03l{
width: 960px;
color: #666;
font-size: 12px;
line-height: 19px;
margin-top: 40px;
}

.about_03r{
width: 960px;
position: relative;
margin-top: 30px;
}

/*-----------------------< COMPANY >----------------------- */

#content_intro{
position: relative;
}

#intro_box_left{
width:230px;
position:relative;
top:0px;
left:0px;
padding: 0px 0 0px 10px;
border-left:1px solid #ccc;
font-size:13px;
color:#000;
font-weight:bold;
line-height: 13px;
letter-spacing:1px;
}

#intro_box_left>div{
width:5px;
height:13px;
margin-top:1px;
margin-bottom:0px;
margin-right:5px;
background-image:url("img/_intro/intro_left_arrow.png");
background-size:5px 13px;
float:left;
}

.f1{
color:#00b1e6;
}

#intro_box_left a, #intro_box_left a:visited{
color:#000;
text-decoration:none;
border: none;
}

#intro_box_left a:hover{
color:#0097e6;
text-decoration:none;
border: none;
}

#intro_box_right{
width:730px;
position:absolute;
top:0px;
right:0px;
}

#intro_bg{
height:270px;
background-color: #82C8ED;
position: absolute;
right:0px;
z-index:-99;
margin-top:300px;
padding-left:250px;
width:50%;
}

#intro_text_box{
font-size:13px;
text-align:justify;
text-justify:auto;
line-height:20px;
letter-spacing:1px;
}

.ch_text_h2{
font-size:14px;
color:#00b1e6;
letter-spacing: 1px;
margin-bottom:30px;
float:left;
margin-right:20px;
width:60px;
display:inline;
line-height:20px;
}

.ch_text_h3{
margin-right:20px;
width:60px;
height:100%;
text-align:left;
display:block;
float:left;
font-size:12px;
color:#666;
letter-spacing: 1px;
margin-bottom:30px;
display:inline;
line-height:20px;
}

.ch_text_h4{
font-size:12px;
color:#666;
letter-spacing: 1px;
margin-bottom:30px;
text-align:justify;
text-justify:auto;
float:left;
display:inline;
line-height:20px;
}

.ch_text_h3 p, .ch_text_h4 p{
margin-bottom:10px;
margin-top: 0px;
}

.ch_text_h5{
font-size:11px;
color:#aaa;
letter-spacing: 1px;
line-height:19px;
text-align:justify;
text-justify:auto;
}

/*-----------------------< ACCESS >----------------------- */

#access_bg{
height:420px;
position: absolute;
right:0px;
z-index: -98;
background-color: #0099e6;
opacity:0.75;
}

#access_bg_img{
height:913px;
width:749px;
overflow:hidden;
position: absolute;
background-image:url("img/_intro/access_bg_map.png");
top: 65px;
left: 50%;
margin-left:-200px;
z-index: -99;
}

.access_text{
width:760px;
margin-top:10px;
position: relative;
}

.acces_text p{
display:span;
}

.access_text img{
width:auto;
height:23px;
display:span;
margin:7px 0 0 0 ;
}

.access_text_right{
border-left: 1px solid white;
padding-left: 10px;
color: white;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
position: absolute;
top: 0;
}

#access_tokyo, #access_ohsaka, #access_fukuoka, #access_kumamoto{
margin-top:-45px;
padding-top:65px;
width:730px;
height:490px;
margin-left:30px;"
}

/*-----------------------< CONTACT >----------------------- */

.contact_box{
width:940px;
position:relative;
padding: 0px 0 0px 10px;
font-size:13px;
color:#000;
line-height:20px;
letter-spacing:1px;
margin-top:30px;
text-align:justify;
text-justify:auto;
}

span.wpcf7-form-control-wrap{
position: relative;
margin: 0px 0 0 10px;
top: -2px;
}

.c_item_01, .c_item_02, .c_item_03, .c_item_04, .c_item_05, .c_item_06, .c_item_07, .c_item_08, .c_item_09, .c_item_10, .c_item_11{
padding-right:10px;
border-right:1px solid #ccc;
height:18px;
width:176px;
background-repeat:no-repeat;
float:left;
}

.c_item_01{
background-image:url("img/_contact/item_01.png");
background-size:176px 18px;
}

.c_item_02{
background-image:url("img/_contact/item_02.png");
background-size:176px 18px;
}

.c_item_03{
background-image:url("img/_contact/item_03.png");
background-size:176px 18px;
}

.c_item_04{
background-image:url("img/_contact/item_04.png");
background-size:176px 18px;
}

.c_item_05{
background-image:url("img/_contact/item_05.png");
background-size:176px 18px;
}

.c_item_06{
background-image:url("img/_contact/item_06.png");
background-size:176px 18px;
}

.c_item_07{
background-image:url("img/_contact/item_07.png");
background-size:176px 18px;
}

.c_item_08{
background-image:url("img/_contact/item_08.png");
background-size:176px 18px;
}

.c_item_09{
background-image:url("img/_contact/item_09.png");
background-size:176px 18px;
}

.c_item_10{
background-image:url("img/_contact/item_10.png");
background-size:176px 18px;
}

.c_item_11{
background-image:url("img/_contact/item_11.png");
background-size:176px 18px;
}


#c_send{
margin-left:197px;
}

.contact_item img{
width:auto;
height:18px;
}

#c_b_01{
width:104px;
height:18px;
background-image:url("img/_contact/button_01.png");
background-size:104px 18px;
position:absolute;
top:0px;
left:0px;
}

#c_b_01:hover{
background-image:url("img/_contact/button_01f.png");
background-size:104px 18px;
}

#c_b_02{
width:89px;
height:18px;
background-image:url("img/_contact/button_02.png");
background-size:89px 18px;
position:absolute;
top:0px;
right:0px;
}

#c_b_02:hover{
background-image:url("img/_contact/button_02f.png");
background-size:89px 18px;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip-no-ajax{
float: left;
display: block;
top: -20px;
left: 430px;
}

.contact_box tr{
margin-bottom:20px;
display:block;
width:650px;
}

.contact_box tr th{
float: left;
margin-right: 10px;
}

.contact_box tr td.tdbox-c{
width: 400px;
display: block;
margin-left: 200px;
}

/*-----------------------< POST >----------------------- */

#menu_left li{
width:170px;
text-align: right;
position:relative;
padding: 0;
font-size:12px;
font-weight:bold;
color:#666;
line-height: 13px;
letter-spacing:1px;
float:left;
margin-bottom:20px;
list-style:none;
}

#menu_left li a{
color:#666;
opacity:0;
}

#menu_left li a:hover{
color:#00b1e6;
}

#pages_date{
color: #666;
font-size: 12px;
line-height: 22px;
margin-top: 30px;
}


#pages_title>h1, .pages_title>h1{
font-size:23px;
line-height:38px;
color:#00b1e6;
font-weight:light;
letter-spacing:1px;
}

#post_contents{
width:960px;
}

#post_contents a{
color:#001be6;
text-decoration:none;
border: none;
}

#post_contents a:hover{
text-decoration:underline;
}

#post_contents p{
color: #666;
font-size: 12px;
line-height: 21px;
letter-spacing: 1px;
margin-top: 30px;
text-align: justify;
text-justify: auto;
}

#post_contents blockquote{
width:860px;
margin: 80px auto 0 30px;
padding: 1px 30px 15px 10px;
background-color: #F7F7F7;
}

#post_contents blockquote p{
font-size:13px;
color:#666;
line-height:22px;
text-align:justify;
text-justify:auto;
font-style:italic;
}

#post_contents h3{
font-size: 16px;
line-height: 22px;
letter-spacing: 1px;
padding: 0;
margin-top:30px;
color:#00b1e6;
}

#post_contents h4{
font-size: 12px;
line-height: 22px;
letter-spacing: 1px;
text-align: justify;
text-justify: auto;
margin-bottom:10px;
color:#666;
}

#post_contents img, h4 img{
max-width:640px;
max-height:480px;
width:auto;
height:auto;
margin:0 auto;
display: block;
text-align:center;
}

#n_l_box{
margin-top:30px;
}

.news_list{
font-size: 12px;
letter-spacing: 1px;
margin-bottom:20px;
}

.n_l_date{
color: #666;
margin-right:60px;
float:left;
}

.n_l_title{
margin-left: 160px;
margin-top:0px;
line-height:21px;
}

.n_l_title a{
color: #00b1e6;
}

.n_l_title a:hover{
text-decoration:underline;
}

.n_l_title a br{
display:none;
}

/*-----------------------< SERVICE >----------------------- */
#cap{
width:710px;
margin-bottom:80px;
}

.cap_sub{
width:710px;
margin-bottom:40px;
}

.chart{
width:710px;
}

.chart img{
margin:0 auto;
}

#service_menu_pocketta{
width:710px;
}

#service_menu_pocketta ul{
margin:0px;
padding:0px;
}

#service_menu_pocketta ul li{
float:left;
display:block;
margin-right:10px;
cursor:pointer;
}

li#service_point{
background-image:url("img/_service/common/b_service_point.png");
background-repeat:no-repeat;
width:137px;
height:17px;
}

li#service_point:hover{
background-image:url("img/_service/common/b_service_point_on.png");
}

li#service_system{
background-image:url("img/_service/common/b_service_system.png");
background-repeat:no-repeat;
width:129px;
height:17px;
}

li#service_system:hover{
background-image:url("img/_service/common/b_service_system_on.png");
}

li#gyomu_list{
background-image:url("img/_service/common/b_gyomu_list.png");
background-repeat:no-repeat;
width:140px;
height:17px;
}

li#gyomu_list:hover{
background-image:url("img/_service/common/b_gyomu_list_on.png");
}

li#device_list{
background-image:url("img/_service/common/b_device_list.png");
background-repeat:no-repeat;
width:127px;
height:17px;
}

li#device_list:hover{
background-image:url("img/_service/common/b_device_list_on.png");
}

li#device_spec{
background-image:url("img/_service/common/b_device_spec.png");
background-repeat:no-repeat;
width:95px;
height:17px;
}

li#device_spec:hover{
background-image:url("img/_service/common/b_device_spec_on.png");
}

li#service_detail{
background-image:url("img/_service/common/b_service_detail.png");
background-repeat:no-repeat;
width:109px;
height:17px;
}

li#service_detail:hover{
background-image:url("img/_service/common/b_service_detail_on.png");
}

li#point_spec{
background-image:url("img/_service/common/b_point_spec.png");
background-repeat:no-repeat;
width:137px;
height:17px;
}

li#point_spec:hover{
background-image:url("img/_service/common/b_point_spec_on.png");
}

li#other_list{
background-image:url("img/_service/common/b_other_list.png");
background-repeat:no-repeat;
width:129px;
height:17px;
}

li#other_list:hover{
background-image:url("img/_service/common/b_other_list_on.png");
}

li#other_list2{
background-image:url("img/_service/common/b_other_list2.png");
background-repeat:no-repeat;
width:139px;
height:17px;
}

li#other_list2:hover{
background-image:url("img/_service/common/b_other_list2_on.png");
}

li#spec{
background-image:url("img/_service/common/b_spec.png");
background-repeat:no-repeat;
width:73px;
height:17px;
}

li#spec:hover{
background-image:url("img/_service/common/b_spec_on.png");
}

li#system_req{
background-image:url("img/_service/common/b_system_req.png");
background-repeat:no-repeat;
width:86px;
height:17px;
}

li#system_req:hover{
background-image:url("img/_service/common/b_system_req_on.png");
}


.content_wrap{
width:710px;
margin-top:80px;
}

.s_text_h2{
font-size:16px;
color:#00b1e6;
letter-spacing: 1px;
margin-bottom:15px;
}

.s_text_h4{
width:620px;
font-size:12px;
color:#666;
letter-spacing: 1px;
line-height:19px;
margin-bottom:30px;
text-align:justify;
text-justify:auto;
}

.s_text_h5{
font-size:11px;
color:#aaa;
letter-spacing: 1px;
line-height:19px;
text-align:justify;
text-justify:auto;
}

/*-----------------------< 404 >----------------------- */

.nf_box{
margin-top:50px;
margin-left:40px;
margin-bottom:20px;
}

.nf_link, .nf_link a{
margin-top:30px;
font-size:17px;
font-weight:bold;
color:#00b1e6;
letter-spacing: 1px;
}

.nf_link img{
padding-top: 1px;
margin-right:10px;
width:auto;
height:15px;
float:left;
}

.nf_text{
margin-top:20px;
margin-left:19px;
font-size:14px;
line-height: 20px;
letter-spacing: 1px;
}


/*-----------------------< SITEMAP >----------------------- */

.map_contents{
width:960px;
margin-bottom:30px;
min-height:100px;
}

.map_contents .title{
font-size:16px;
width:100%;
letter-spacing: 1px;
color:#00b1e6;
margin-bottom:5px;
}

.map_box{
width:auto;
margin-right:50px;
font-size:12px;
color:#666;
float:left;
letter-spacing: 1px;
line-height:18px;
}

.map_box a{
color:#666;
}

.map_box a:hover{
color:#00b1e6;
}


.map_box p{
font-size:14px;
letter-spacing: 1px;
margin-bottom:10px;
}

.map_box .line{
margin-bottom:10px;
}


.sitemap_box, .sitemap_box a{
color: #0097e6;
}

.sitemap_box a:hover{
text-decoration:underline;
}