/* 
Theme Name: aiship
Theme URI: http://aiship.bict.jp/
Description: bict_aiship
Author: Kazutoshi_u
Author URI: http://soltandpepper.com
Version: 0.1
Tags: none

License: bict.jp




*/



@charset "utf-8";


*{ margin:0; padding:0;}
body{ font-size:62.5%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
ul{ list-style:none;}
img{ border:none;}
a { color:#043d8a;}

/*クリアフィックス----------*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*-------------------------*/

#wrapper{ width:100%; text-align:center;}
.left{float:left;}
.aleft{ text-align:left;}

/*header*/
#header{ width:100%; height:44px; text-align:center background-color:#d00; background-image:url(/images/header_bg2.gif); background-repeat:repeat-x;}
#header_cnt{ width:900px; height:30px; text-align:left; margin:0 auto; }
.bictlogo{ with:97px; height:27px; float:left; position:relative; top:3px;}
#header_menu{ float:right; position:relative; top:12px;}
#header_menu li{ display:block; padding:0 8px; height:1em; float:left; text-align:center; border-left:solid 1px #fff;}
#header_menu li a:link{ color:#fff; text-decoration:none;}
#header_menu li a:visited{ color:#fff; text-decoration:none;}
#header_menu li a:hover{ color:#fff; text-decoration:underline;}
#header_menu li a:active{ color:#fff; text-decoration:none; position:relative; top:1px;}
#header_menu li a:selected{ color:#fff; text-decoration:none; position:relative; top:1px;}


/*footer*/
#footer{width:900px; margin:0 auto; padding:100px 0 0 0; background-color:#fff; clear:both;}
#footer a{ color:#006cb0; text-decoration:none;}
#footer a:hover{ color:#006cb0; text-decoration:underline;}
.f_top{ padding:30px 0 40px 0; border-top:1px solid #ccc; background-color:#fff;}
.f_top ul{ margin: 0 auto; width:500px;}
.f_top ul li{ color:#999; float:left; padding:0 5px; border-right:1px solid #999; height:10px;}
.f_bot{ padding:30px 0; border-top:1px solid #ccc;}
.f_bot p{ float:left; width:120px; color:#606060; text-align:left;}
.f_bot ul{ float:right; height:10px;}
.f_bot ul li{ float:left; padding:0 5px; border-right:1px solid #999;}
address{font-style:normal; text-align:left; color:#606060; padding:6px 0 0 0; clear:both;}



#eyechatch{ width:900px; margin:0 auto; padding:25px 0 25px 0;}


#g_menu{ width:100%; height:69px; background-image:url(/images/mline_bg.gif); background-repeat:repeat-x;}
#g_menu div{ width:100%; background-image:url(/images/menu_bg.gif); background-repeat:repeat-x;}
.g_menuitem{ width:900px; margin:0 auto; text-align:left;}
.g_menuitem li{float:left; width:150px; height:55px;}
.g_menuitem li a{display:block; width:150px; height:55px;}
.g_menuitem li a:hover{ background-color:transparent;}
.g_menuitem li a:hover img{ visibility:hidden;}
.g_menuitem .g1{ background-image:url(/images/gmenu/mh_02.gif); background-repeat:no-repeat;}
.g_menuitem .g2{ background-image:url(/images/gmenu/mh_03.gif); background-repeat:no-repeat;}
.g_menuitem .g3{ background-image:url(/images/gmenu/mh_04.gif); background-repeat:no-repeat;}
.g_menuitem .g4{ background-image:url(/images/gmenu/mh_05.gif); background-repeat:no-repeat;}
.g_menuitem .g5{ background-image:url(/images/gmenu/mh_06.gif); background-repeat:no-repeat;}
.g_menuitem .g6{ background-image:url(/images/gmenu/mh_07.gif); background-repeat:no-repeat;}



/*contents*/
#contents{ width:900px; margin:0 auto; text-align:center;}

#top_p{ width:820px; margin:0 auto; text-align:left; padding:40px 0 50px 0;}
#top_p h2{ width:100%; padding:10px 0 10px 0; border-bottom:1px solid #999;}
div.topp_p{ width:475px; float:left; line-height:150%;}
#top_p p{ font-size:1.3em; width:100%; line-height:1.7em; padding:20px 0 0 0;}
#top_p div.toppimg{ width:292px; height:173px; float:right; padding:18px 0;}

/*サポート*/
#top_support{width:100%; height:290px; text-align:left;}
#top_support h2{ padding:0 0 20px 0;}
#top_support ul{ margin: 0 auto;}
#top_support ul li{ width:287px; height:81px; float:left; padding:4px;}

/*ニュース*/
#news{ width:100%; text-align:left; height:260px;}
#news h2{ padding:0 0 25px 0 ;}
.news_line{ width:100%; font-size:1.3em;}
.news_line dt{ width:12%; background-color:#eee; float:left; padding:9px 0; text-indent:13px;}
.news_line dd{ width:88%; background-color:#eee; float:left; padding:9px 0; color:#0e6398;}
#news ul{ border-top:#ddd 1px solid; height:180px; overflow:auto;}
#news li{ font-size:1.3em; width:100%; padding:9px 0; text-indent:13px; border-bottom:#ddd 1px solid;  }
dt.news_lbg{background-color:#fff;}
dd.news_lbg{background-color:#fff;}

/*対応機能*/
#kinou{ width:100%; text-align:left; padding:0 0 50px 0;}
.dbg_2{ width:100%; padding:0 20px; background-image:url(/images/dbg_2_2.gif); background-repeat:repeat-y;}
#kinou ul{ margin:0 auto;}
#kinou ul li{ width:158px; height:75px; float:left; padding:7px 7px;}


#service{ width:100%; text-align:left; padding:0 0 50px 0;}
#service ul{ margin:0 auto;}
#service ul li{ width:159px; height:56px; float:left; padding:7px 7px;}



#kessai{ width:100%; text-align:left; padding:0 0 50px 0;}
#kessai ul{ padding:20px 0 0 0 ;}
#kessai ul li{ padding:20px 0 20px 70px; border-bottom:1px #ccc dashed;}
#kessai ul li.li1{ background-image:url(/images/pay_icon1.gif); background-position:left; background-repeat:no-repeat;}
#kessai ul li.li2{ background-image:url(/images/pay_icon2.gif); background-position:left; background-repeat:no-repeat;}
#kessai ul li.li3{ background-image:url(/images/pay_icon3.gif); background-position:left; background-repeat:no-repeat;}


#taiousys{ width:100%; text-align:left; padding:0 0 50px 0;}
.dbg_1{ width:100%; padding:0 20px; background-image:url(/images/dbg_1_2.gif); background-repeat:repeat-y;}
#taiousys li{ float:left; height:55px; padding:15px;}


#a_top{ text-align:right; clear:both; padding:30px 0;}


/*汎用ヘッダー*/

#head_hny{ width:900px; height:130px; background:#fff; margin:0 auto;}
.hny_logo{ width:165px; height:47px; float:left; background-color:#fff;}
.hny_logo h1{ position:relative; top:35px;}
.contact_hdr{ width:240px; height:80px; float:right; text-align:right; position:relative; top:23px;}
.contact_hdr ul li{ float:left; padding:8px 10px;}


/*実績*/
#jsk{width:100%; text-align:left; padding:50px 0 20px 0;}
.jsk_img{ padding:0 0 25px 0;}
#jsk h2{ padding:0 0 20px 0;}
.p_gry{ color:#1f1f1f; background:#ededed; padding:20px; font-size:12px; text-align:left; line-height:1.5em; clear:both;}


/*実績会社*/
.jsk_com{text-align:left;}
.jsk_com h2{ width:840px; height:39px; color:#fff; background-image:url(/images/jsk/com_h2bg.gif); background-repeat:repeat-x; padding:0 0 20px 20px; line-height:39px;}
.jsk_com h3{ font-size:1.4em; padding:13px 0 13px 5px; border-bottom:1px solid #999; margin:0 0 25px 0;}
.mob_img{float:left; width:205px; padding:0 15px 0 0 ;}
.mob_right{float:left; width:640px;}
.mb_r_p{ width:505px; padding:0 10px; font-size:1.4em; line-height:1.5em; float:left}
.user_face{ width:114px; height:114px; float:right;}
.jsk_r_b{ padding:20px 0 0 0; clear:both;}
.seo_rank{ width:264px; height:236px; float:left; clear:both;}
.seo_right{ float:right; background-color:; position:relative; top:150px;}
.seo_right p{ width:200px; font-size:1.4em; float:left; padding:10px; text-align:right; line-height:1.5em;}
.seo_right div{ padding:10px; float:right;}

/*細かい実績*/
.jsks_box{ width:100%; height:615px; background-color:; clear:both; padding:30px 0 40px 0;}
.jsks{ width:271px; height:614px; margin:0 14px; background-image:url(/images/jsk/jsks_bg.gif); background-repeat:no-repeat; float:left;}
.jsks h2{ height:45px; line-height:45px;}
.jsks_img{ width:195px; height:373px; margin:0 auto; padding:15px 0;}
.seoico{ height:70px; background-color:; clear:both; width:300px; padding:15px 45px ;}
.seoico div{ width:58px; height:58px; float:left;}
.seoico p{ width:130px; padding:5px 0 5px 10px; float:left; font-size:1.4em; text-align:left; line-height:1.2em;}
.jsks_footer{ width:220px; clear:both; margin:0 auto; background-color:#990000;}
.jsks_footer div{ width:63px; height:63px; float:left;}
.jsks_footer p{ float:left; padding:0 0 0 10px; font-size:1.4em; width:140px; height:63px; line-height:63px; text-align:left; background-color:;}
.seoico p strong{ color:#f00;}


/*問い合わせ*/
#contact{ margin:30px 0 0 0;}
.contact_1{ padding:15px 0;}
.contact_2{}
#contact ul{ position:relative; z-index:1000; margin:-130px 0 0 0; left:135px;}


.kiji{ margin:-120px 0 0 0; position:relative;  z-index:1000; top:-30px; left:590px;}
.kiji ul li{  float:left; padding:0 10px;}



/*svc_top*/
#svc_top{ width:100%; text-align:left; margin:30px 0 0 0; padding:20px 0; background-color:;}
#svc_top div{ padding:20px 58px 32px; 0}

/*svc_case*/
.svc_case{ text-align:center; overflow:hidden; margin:0 0 50px 0;}
.cases{ width:700px; margin:0 auto; background-color:; padding:35px 0 0 0;}
.cases p{ font-size:1.4em; clear:both; padding:15px 0; text-align:left;}
.cases p span{ background-color:#d00; color:#fff; padding:5px 15px;}
.cases div{ float:left;}


/*basic_svc*/
#basic_svc{ font-size:1.4em; padding:0 0 50px 0;}
.svc_item{ margin:30px 0 0 0; padding:0 0 30px 0; background-color:; border-bottom:#ccc 1px dashed;}
#basic_svc h2{ text-align:left;}
#basic_svc h3{ padding:10px 0 10px 0;}
#basic_svc div.left{padding:0 5px;}
#basic_svc div{ text-align:left;}
#basic_svc p{ line-height:1.5em; padding:0 4px;}

/*price*/
#price{ font-size:1.4em;}
#price h2{ text-align:left;}
#price h3{ background-color:#1f80ee; color:#fff; margin:25px 0 0 0; padding:10px 0; text-align:left; text-indent:15px;}
#price table{ width:100%; margin:15px 0 0 0; border-collapse:collapse; border-top:1px solid #888; border-right:1px solid #888;}
#price th{ color:#222; font-weight:normal; width:26%; background:#CCC; padding:20px 0; border-left:1px solid #888; border-bottom:1px solid #888;}
#price th p{ padding:10px 0; font-weight:bold;}
#price th dl{ width:210px; margin:auto;}
#price th dt{ width:100px; padding:5px 0; margin:0 0 10px 0; background-color:#333; color:#fff; float:left; clear:both; font-weight:bold;}
#price th dd{ width:100px; text-align:left; float:left; padding:5px 0 5px 10px; margin:0 0 10px 0; background-color:;}
#price td{ color:#222; font-weight:normal; width:60%; background:#fff; padding:20px 20px; text-align:left; line-height:1.4em; border-left:1px solid #888; border-bottom:1px solid #888;}
#price td p{ margin:0 0 15px 0;} 
#price td p span{ font-weight:bold;} 


/*kinou_top*/
#kinou_top{ text-align:left; margin:30px 0 0 0;}
#kinou_top p{ padding:20px 0 0 0; font-size:16px; line-height:1.6em;}


/*seminar_top*/
#seminar_top{ text-align:left; margin:30px 0 0 0;}
#seminar_top p{ padding:30px 58px 32px 10px;}
#seminar_th{ width:100%; text-align:left; padding:0 0 20px 0;}
.left_pic{ color:#fff; font-size:1.4em; padding:10px; width:205px; height:270px; background-image:url(/images/seminar/p_1.png); background-repeat:no-repeat; float:left;}
.left_pic div{ position:relative; top:190px;}
.left_pic div ul li{ padding:2px 0; text-align:center;}
.left_pic p{ padding:5px 0 0 0; color:#ff0; text-align:center; letter-spacing:1px; font-weight:bold;}
.seminar_catch{ width:400px; padding:25px 0; font-size:1.9em; line-height:1.5em; font-weight:bold; float:left; letter-spacing:1px; background-color:; position:relative; left:120px;}
.seminar_pic{float:left; width:635px; background-color:; position:relative; top:23px; left:30px;}
.seminar_pic div{float:left; padding:0 0 0 2px;}

.seminar_info{text-align:left; font-size:1.4em; border:1px solid #999; padding:30px; color:#101010; margin:20px 0 0 0;}
.seminar_info span{color:#d00; font-weight:bold;}
.seminar_info h3{ margin:10px 0 0 0; padding:20px; background-color:#aad7fa; border-left:#2c82c4 solid 10px; }
.seminar_info caption{text-align:left; font-weight:bold;}
.seminar_info table { border-spacing:0px 7px; margin:30px 0 30px 0;}
.seminar_info table th{ background-color:#2c82c4; color:#fff; text-align:center; width:150px; padding:5px 0;}
.seminar_info table td{ padding:5px;}
.seminar_info h4{ padding:20px 0 10px 0; font-weight:bold; border-top:#999 dashed 1px;}
.seminar_info p{line-height:1.5em; margin:10px 0;}
.sem_btn{ text-align:right; padding:20px 0; border-top:#999 dashed 1px;}


#qa_navi{ text-align:left; font-size:1.4em; width:900px; border:;}
.inner_menu li{background-color:#f4f4f4; margin:0 0 10px 0; width:870px; text-align:left; padding:15px;}
.treenode{ border:; padding:10px 0;}
.treenode div{ border-left:7px solid #00f; text-indent:1em; padding:5px 0;}
.list_h{ font-size:20px;}
.qa_q{ padding:10px 0; border-bottom:dashed 1px #999; color:#1569aa; font-weight:bold;}
.qa_a{ padding:10px 10px 10px 20px; margin:10px 0 0 0; line-height:1.5em; background-color:#fff;}
.treenode{}

/**/
.treemenu .treeopen {
	background-image : url('/images/qa/open.gif');
	background-repeat : no-repeat;
	background-position : left;
	
}		

.treemenu .treeclosed {
	background-image : url('/images/qa/closed.gif');
	background-repeat : no-repeat;
	background-position : left;
}

.treemenu A {
	display : block;
	padding-left : 15px;
	text-decoration : none;

}
/**/