@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css
 Author:         Ota Shin(admin)
 Style Info:     いろいろ
----------------------------------------------------------- */

/*----------------------------------------------------
	#page
----------------------------------------------------*/

div#page {
	text-align: left;
	border-top:5px solid #616161;
}

div#page .area {
	width: 940px;
	margin: 0 auto;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/


div#header {
	width:100%;
	height:100px;
	border-top:2px solid #f2f2f2;
	padding-top:5px;
}

div#header div#headLeft{
	width:650px;
	float:left;
	margin-top:10px;
	
}

div#header div#headLeft h1{
	width:210px;
	height:70px;
	margin-right:10px;
	margin-bottom:35px;
	float:left;
}

div#header div#headLeft p{
	width:430px;
	float:right;
	line-height:1.2;
	margin-top:45px;
	font-size:0.9em;
}

div#header div#headRight{
	width:250px;
	float:right;
}

div#header div#headRight ul#headNavi{
	width:250px;
	margin:0 0 15px 0;
	float:left;
}

div#header div#headRight ul#headNavi li{
	float:left;
	height:15px;
	margin-right:10px;
}


div#header div#headRight ul#headNavi li a{
	height:17px;
	color:#333;
}

div#header div#headRight ul#headNavi li a:hover{
	color:#09c;
	text-decoration:none;
}

div#header div#headRight ul#headNavi li#headNaviHome{
	width:52px;
}

div#header div#headRight ul#headNavi li#headNaviCompany{
	width:72px;
}

div#header div#headRight ul#headNavi li#headNaviContact{
	width:87px;
}

div#header div#headRight p{
	width:238px;
	clear:left;
	text-align:right;
}

/*----------------------------------------------------
	ul#gNavi
----------------------------------------------------*/

div#gNaviWpa{
	width:100%;
	height:41px;
	float:left;
	border-bottom:2px solid #28a1ff;
}

ul#gNavi{
	width:940px;
	height:41px;
	margin:0 auto 0;
}
ul#gNavi li{
	display:inline;
}

ul#gNavi li a{
	width:157px;
	height:41px;
	display:block;
	float:left;
	text-indent:-9877em;   
	overflow:hidden;   
}
ul#gNavi li#gNaviAbout a{
	background:url(../img/share/gnavi.gif) no-repeat 0 0;
}
ul#gNavi li#gNaviAbout a:hover{
	background:url(../img/share/gnavi.gif) no-repeat 0 -41px;
}
ul#gNavi li#gNaviShop a{
	width:156px;
	background:url(../img/share/gnavi.gif) no-repeat -157px 0;
}
ul#gNavi li#gNaviShop a:hover{
	background:url(../img/share/gnavi.gif) no-repeat -157px -41px;
}

ul#gNavi li#gNaviCharge a{
	background:url(../img/share/gnavi.gif) no-repeat -313px 0;
}
ul#gNavi li#gNaviCharge a:hover{
	background:url(../img/share/gnavi.gif) no-repeat -313px -41px;
}

ul#gNavi li#gNaviExample a{
	background:url(../img/share/gnavi.gif) no-repeat -470px 0;
}
ul#gNavi li#gNaviExample a:hover{
	background:url(../img/share/gnavi.gif) no-repeat -470px -41px;
}

ul#gNavi li#gNaviShopAdmin a{
	width:156px;
	background:url(../img/share/gnavi.gif) no-repeat -626px 0;
}
ul#gNavi li#gNaviShopAdmin a:hover{
	background:url(../img/share/gnavi.gif) no-repeat -626px -41px;
}

ul#gNavi li#gNaviContact a{
	background:url(../img/share/gnavi.gif) no-repeat -783px 0;
}
ul#gNavi li#gNaviContact a:hover{
	background:url(../img/share/gnavi.gif) no-repeat -783px -41px;
}


/*----------------------------------------------------
	div#topFlash
----------------------------------------------------*/
div#topFlash{
	width:100%;
	height:320px;
	clear:left;
	background:url(../img/share/line.gif) repeat-x bottom #fafafa;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width:100%;
	clear:both;
	margin-top:20px;
}

#contents div#pageTop {
	clear: both;
	width:940px;
	height:17px;
}
#contents div#pageTop p{
	width:940px;
	text-align:right;

}
/*----------------------------------------------------
	#main
----------------------------------------------------*/

div#main {
	float: left;
	width: 630px;
	margin-bottom:60px;
}

/*----------------------------------------------------
	#sub
----------------------------------------------------*/

div#sub {
	float: right;
	width: 300px;
}

div#sub ul#bannerNavi{
	width:300px;
}

div#sub ul#bannerNavi li{
	margin-bottom:20px;
	width:300px;
	line-height:1.5;
	vertical-align:bottom;
}

div#sub ul#bannerNavi li#tBanner{
	height:200px;
}



/*----------------------------------------------------
	#footer
----------------------------------------------------*/

div#footer {
	width:100%;
	border-top:3px solid #4490e5;
	margin-top:5px;
}

div#footer div#footerContents{
	width:940px;
	margin: 0 auto;
	padding: 10px 0;
}

div#footer div#footerContents p{
	width:210px;
	height:70px;
	float:left;
	margin:0 10px 0 0;
}

div#footer div#footer div#footerBox{
	width:700px;
	float:left;
}

div#footer div#footerBox ul{
	width:700px;
	float:left;
	margin:10px 0 10px;
}

div#footer div#footerBox ul li{
	line-height:1.1;
	margin-right:5px;
	font-size:0.9em;
	float:left;
}

div#footer div#footerBox p#footerText{
	width:700px;
	float:left;
	line-height:1.3;
	margin:11px 0 0 0px;
	height:60px;
}


/*----------------------------------------------------
	#copyright
----------------------------------------------------*/
div#copyright{
	width:100%;
	background:#2f2f2f;
	height:20px;
	padding:5px 0;
	clear:left;
}

div#copyright p{
	width:940px;
	height:20px;
	margin:0 auto;
	text-align:right;
	clear:left;
}


/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
div#topFlash{
	width:100%;
	height:300px;
	padding:10px 0;
	background:url(../img/top/flash_bg.gif) repeat;
}

div#topFlash div.area{
	width:1000px;
	height:300px;
	margin:0 auto;
}

div#main div#topContents01{
	width:380px;
	height:160px;
	background:url(../img/top/main_bg01.jpg) no-repeat left;
	margin-bottom:20px;
	padding:10px 0 0 250px;
}

div#main div#topContents01 p{
	width:150px;
	height:50px;
	margin-bottom:17px;
}

div#main div#topContents01 h2{
	width:350px;
	height:30px;
	margin-bottom:20px;
}

div#main div#topContents01 ul#topCbtnList{
	width:360px;
	height:23px;
	float:left;
}

div#main div#topContents01 ul#topCbtnList li{
	height:23px;
	display:inline;
}
div#main div#topContents01 ul#topCbtnList li a{	
	display:block;
	height:23px;
	float:left;
	text-indent:-9877em;   
	overflow:hidden;   
}

div#main div#topContents01 ul#topCbtnList li#about a{
	width:158px;
	height:23px;
	background:url(../img/top/main01_btn01.gif) no-repeat left;
	margin-right:20px;
}

div#main div#topContents01 ul#topCbtnList li#access a{
	width:180px;
	height:23px;
	background:url(../img/top/main01_btn02.gif) no-repeat left;
}


div#main div#topContents02{
	width:630px;
	height:160px;
	margin-bottom:20px;
	clear:left;
}

div#main div#topContents03{
	width:615px;
	height:140px;
	margin-bottom:20px;
	padding:20px 0 0 15px;
	background:url(../img/top/main_bg03.jpg) no-repeat left;
}

div#main div#topContents03 h2{
	margin-bottom:4px;
	width:360px;
	height:30px;
}

div#main div#topContents03 h3{
	width:203px;
	height:28px;
	margin-left:372px;
}

div#main div#topContents03 p{
	width:212px;
	line-height:1.2;
	font-size:0.9em;
	margin-left:370px;
}

div#main h2#supportTitle{
	width:630px;
	height:52px;
}

div#main ul#topContentsList{
	width:610px;
	padding:10px 9px 0;
	border:1px solid #efefef;
	border-top:none;
	margin-bottom:20px;
}

div#main ul#topContentsList li{
	width:578px;
	height:56px;
	background:url(../img/top/sub_bg.gif) no-repeat left;
	margin-bottom:10px;
	padding:10px 0 0 32px;
	clear:left;
}
div#main ul#topContentsList li dl dt{
	width:170px;
	float:left;
	margin-right:20px;
}
div#main ul#topContentsList li dl dd{
	width:350px;
	float:left;
	margin-top:15px;
	line-height:1.2;
}

div#main ul#topContentsList li dl dd#lastC{
	margin-top:8px;
}

div#main p#topBanner{
	width:630px;
	height:150px;
	margin-bottom:20px;
	clear:left;
}

div#main h2#newsTitle{
	width:630px;
	height:14px;
	margin-bottom:5px;
}

div#main ul#newsList{
	width:610px;
}
div#main ul#newsList li{
	width:570px;
	margin:0;
	float:left;
	color:#333;
	padding:10px;
	float:left;
	border-bottom:1px dotted #333;
	clear:left;
}
div#main ul#newsList li a{
	width:570px;
	display:block;
	float:left;
	clear:left;
}

div#main ul#newsList li a:hover{
	text-decoration:underline;
}


div#main ul#newsList li p{
	width:100px;
	height:70px;
	float:left;
	margin-right:10px;
}
	
div#main ul#newsList li dl{
	width:450px;
	float:left;
}

div#main ul#newsList li dt{
	width:450px;
	margin-bottom:10px;
	line-height:1.1;
	padding-top:2px;
	color:#333;
}

div#main ul#newsList li a dt{
	color:#333;
}


div#main ul#newsList li dt span{
	margin-left:10px;
	font-size:0.8em;
	color:#fff;
	padding:2px;
}


div#main ul#newsList li dt span.info{
	background:#1c6fc4;
}

div#main ul#newsList li dt span.news{
	background:#8fc41f;
}

div#main ul#newsList li dd{
	width:450px;
	line-height:1.2;
}

/*----------------------------------------------------
	下層共通
----------------------------------------------------*/

div#underTop{
	width:100%;
	height:180px;
	background:url(../img/share/under_top_bg02.gif) repeat left top;
	clear:left;
}

div#underTop div.area{
	width:930px;
	height:132px;
	background:url(../img/share/under_top_bg01.gif) no-repeat left;
	padding:48px 0 0 10px;
}

div#underTop div.h2{
	width:584px;
	height:84px;
}

div#main h3.underContentsTitle{
	width:630px;
	height:30px;
	padding:0;
	margin:0 0 20px 0;
	clear:left;
}

div#main h4.underContentsSubTitle{
	width:630px;
	height:25px;
	padding:0;
	margin:0 0 20px 0;
	clear:left;
}

div#main p.underText{
	clear:left;
	width:610px;
	margin:0 0 30px 10px;
	line-height:1.2;
}

div#main p.arrowText{
	width:588px;
	padding-left:12px;
	background:url(../img/share/arrow_icon.gif) no-repeat left;
	margin:0 0 30px 10px;
	line-height:1.2;
	font-weight:bold;
}

/*----------------------------------------------------
	sinaとは？
----------------------------------------------------*/
div#main dl#aboutList01{
	width:610px;
	margin: 0 0 30px 10px;
}
div#main dl#aboutList01 dt{
	width:588px;
	padding-left:12px;
	background:url(../img/share/arrow_icon.gif) no-repeat left;
	margin-bottom:10px;
	line-height:1.2;
	font-weight:bold;
}

div#main dl#aboutList01 dd{
	margin:0 0 10px 10px;
}

div#main dl#aboutList02{
	width:610px;
	height:170px;
	padding:170px 10px 0;
	margin: 0 0 30px 0;
	background:url(../img/about/imgbg01.gif) no-repeat left;
}
div#main dl#aboutList02 dt{
	width:400px;
	font-weight:bold;
	padding-left:12px;
	margin-bottom:5px;
	line-height:1.2;
	background:url(../img/share/arrow_icon.gif) no-repeat left 4px;
}

div#main dl#aboutList02 dd{
	margin:0 0 10px 12px;
	line-height:1.2;
}

div#main p#imgText{
	width:610px;
	height:206px;
	margin:0 0 30px 10px;
	padding-top:40px;
	background:url(../img/about/imgbg02.gif) no-repeat right;
}

div#main div#imgBox{
	width:610px;
	height:296px;
	margin:0 0 30px 10px;
	padding-top:40px;
	background:url(../img/about/imgbg03.gif) no-repeat right;
}

div#main div#imgBox p{
	margin-bottom:20px;
}

div#main div#imgBox ul{
	width:299px;
	padding:10px;
	border:1px dotted #333;
}	

div#main div#imgBox ul li{
	margin-bottom:5px;
	line-height:1.5;
}

/*----------------------------------------------------
	ショップ機能
----------------------------------------------------*/

div#main div#imgBox{
	width:630px;
	margin:0 0 30px 0;
}

/*----------------------------------------------------
	料金・プラン
----------------------------------------------------*/

div#main table#planTable{
	width:628px;
	border:1px solid #2fa3ff;
	text-align:center;
	font-size:0.9em;
	margin-bottom:40px;
}

div#main table#planTable th{
	border:1px solid #fff;
	border-bottom:none;
	padding:5px 0;
	vertical-align:middle;
	color:#fff;
	background:#2fa3ff;
	width:70px;
	line-height:1.1;
}

div#main table#planTable th#planName{
	width:98px;
	border-left:none;
}

div#main table#planTable th#planCharge,
div#main table#planTable th#planMonth{
	width:110px;
}

div#main table#planTable th#planTrans{
	width:90px;
	border-right:none;
}

div#main table#planTable td{
	border:1px solid #2fa3ff;
	border-top:1px solid #f1f1f1;
	padding:5px 0;
	vertical-align:middle;
	line-height:1.2;
}


div#main ul#optionList01{
	width:610px;
	margin:0 0 20px 10px;
	float:left;
	display:inline;
}

div#main ul#optionList01 li{
	float:left;
	margin-bottom:10px;
	line-height:1.5;
	padding:5px 0;
}

div#main ul#optionList01 li.packageName{
	width:200px;
	padding-left:12px;
	background:url(../img/share/arrow_icon.gif) no-repeat left;
	border-bottom:1px dotted #333;
}

div#main ul#optionList01 li.packageValue{
	width:380px;
	padding-left:18px;
	border-bottom:1px dotted #ddd;
}

div#main dl.optionList02{
	width:610px;
	margin: 0 0 30px 10px;
}

div#main dl.optionList02 dt{
	width:588px;
	padding-left:12px;
	background:url(../img/share/arrow_icon.gif) no-repeat left;
	margin-bottom:5px;
	line-height:1.2;
}

div#main dl.optionList02 dd{
	width:588px;
	margin:0 0 20px 12px;
	line-height:1.2;
}
div#main dl.optionList02 dt span,
div#main dl.optionList02 dd span{
	font-weight:bold;
}

div#main div#commission{
	width:610px;
	float:left;
	margin-bottom:30px;
	padding:0 10px;
}

div#main div#commission p{
	width:290px;
	height:240px;
	float:left;
	margin:0 10px 0 0;
}

div#main div#commission dl{
	width:300px;
	margin:0;
	padding:0;
	float:left;
}

div#main div#commission dl dt,
div#main div#commission dl dd{
	width:300px;
}

div#main div#commission dl dt{
	padding-bottom:5px;
	border-bottom:1px dotted #2fa3ff;
	margin-bottom:5px;
	line-height:1.2;
}
div#main div#commission dl dd{
	margin-bottom:5px;
	line-height:1.2;
}
div#main ul#exampleList{
	width:610px;
	padding:0 10px;
	margin-bottom:30px;
}

div#main ul#exampleList li{
	width:590px;
	line-height:1.5;
	text-align:right;
	margin-bottom:5px;
	padding:0 10px;
}

div#main ul#exampleList li.borderBottom{
	border-bottom:1px solid #2fa3ff;
	padding-bottom:5px;
}

div#main ul#exampleList li span{
	font-size:1.2em;
	font-weight:bold;
}

div#main ul#exampleList li span.red{
	color:#FF0000;
}

div#main ul#exampleList li span.blue{
	color:#2fa3ff;
}

div#main table#campaignTable{
	width:628px;
	border:1px solid #2fa3ff;
}

div#main table#campaignTable th{
	padding:10px;
	line-height:1.2;
	text-align:center;
	background:#2fa3ff;
	color:#fff;
	border:1px solid #fff;
}

div#main table#campaignTable th.first{
	border-left:none;
}

div#main table#campaignTable th.last{
	border-right:none;
}

div#main table#campaignTable td{
	border:1px solid #2fa3ff;
	padding:10px;
	text-align:center;
}

div#main table#campaignTable td span{
	font-weight:bold;
}

div#main table#campaignTable td span.overLine{
	text-decoration:line-through;
}

div#main table#campaignTable td span.red{
	color:#FF0000;
}

/*----------------------------------------------------
	実例
----------------------------------------------------*/

div#main p.imgBox{
	width:630px;
	vertical-align:bottom;
	margin-bottom:30px;
}

div#main div#exampleBox01{
	width:610px;
	padding:0 10px;
	background:url(../img/example/arrowImg.gif) no-repeat 295px 50px;
	margin-bottom:30px;
	float:left;
}

div#main div#exampleBox01 div#left{
	float:left;
	width:280px;
	margin-right:70px;
}

div#main div#exampleBox01 div#left p{
	margin-bottom:20px;
}

div#main div#exampleBox01 div#left dl{
	width:280px;
}
div#main div#exampleBox01 div#left dl dt{
	padding-bottom:5px;
	border-bottom:1px dotted #2fa3ff;
	margin-bottom:5px;
	line-height:1.2;	
}
div#main div#exampleBox01 div#left dl dd{
	margin-bottom:5px;
	line-height:1.2;
}

div#main div#exampleBox01 p#right{
	width:260px;
	float:left;
}

div#main div#exampleBox02{
	width:610px;
	padding:0 10px;
	background:url(../img/example/arrowImg.gif) no-repeat 293px 50px;
	margin-bottom:30px;
	float:left;
}

div#main div#exampleBox02 dl{
	float:left;
	width:280px;
	margin-right:70px;
}

div#main div#exampleBox02 dt{
	width:280px;
	margin-bottom:20px;
}
div#main div#exampleBox02 dd{
	line-height:1.2;
}

div#main div#exampleBox02 p{
	width:260px;
	float:left;
}

div#main ul#qaList01{
	width:610px;
	margin:20px 0 30px 10px;
	float:left;
}

div#main ul#qaList01 li{
	width:610px;
	float:left;
	border-bottom:1px dotted #63bbff;
	padding:2px 0;
}

div#main ul#qaList01 li ul.qaList02{
	width:610px;
}

div#main ul#qaList01 li ul.qaList02 li{
	float:left;
	padding-left:20px;
	border-bottom:none;
	line-height:1.5;
}

div#main ul#qaList01 li ul.qaList02 li.qBox{
	width:250px;
}

div#main ul#qaList01 li ul.qaList02 li.aBox{
	width:280px;
	border-left:5px solid #63bbff;
	padding-left:10px;
}

div#main ul#hukidashiList{
	width:213px;
	height:98px;
	background:url(../img/example/hukidashi_bg.gif) no-repeat left;
	padding:30px 0 0 40px;
	margin:0 0 30px 200px;
}

div#main p.imgBox02{
	width:630px;
	vertical-align:bottom;
	margin-bottom:5px;
}

div#main ul#hukidashiList li{
	line-height:1.2;
}

div#main p#exampleText{
	width:420px;
	margin:0 0 20px 20px;
	line-height:1.2;
}

/*----------------------------------------------------
	お問合わせ・お申込み
----------------------------------------------------*/
div#main p.contactText{
	width:630px;
	margin:0 0 20px 0;
	padding:0;
	line-height:1.5;
}

div#main p#contactLead span{
	color:#f00;
}

div#main table#contactTable{
	width:620px;
	border:5px solid #ddd;
	margin:0 0 30px 0;
	line-height:1.5;
	
}

div#main table#contactTable th{
	width:150px;
	border:1px solid #f1f1f1;
	padding:10px 5px;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	background:#fafafa;
}

div#main table#contactTable td{
	width:450px;
	border:1px solid #ddd;
	padding:10px 5px;
}


div#main table#contactTable td ul{
	width:450px;
}

div#main table#contactTable td ul li{
	width:350px;
	float:left;
	margin-bottom:10px;
	
}

div#main table#contactTable span.red{
	color:#FF0000;
}

div#main table#contactTable td ul li.title{
	width:100px;
}

div#main table#contactTable .textLong input{
	width:290px;
	padding:2px;
}

div#main table#contactTable .textMiddle input{
	width:100px;
	padding:2px;
}

div#main table#contactTable .textArea textarea{
	width:300px;
	height:100px;
}

div#main p#submitBtn{
	width:630px;
	margin:0 0 20px 0;
	padding:0;
	line-height:1.5;
}

div#main p#submitBtn input{
	width:100px;
	paddng:5px;
}

/*----------------------------------------------------
	会社概要
----------------------------------------------------*/

div#main table.companyTable{
	width:628px;
	margin-bottom:30px;
	border:1px solid #2fa3ff;
}

div#main table.companyTable th{
	width:20%;
	padding:10px;
	line-height:1.2;
	font-weight:normal;
	background:#33FFFF;
	font-weight:bold;
	border:1px solid #2fa3ff;
	border-left:none;
	vertical-align:middle;
	text-align:left;
}

div#main table.companyTable td{
	line-height:1.2;
	padding:10px;
	border:1px solid #2fa3ff;
	border-left:none;
	border-right:none;
}

div#main table.companyTable td table{
	width:400px;
	line-height:1.2;
	padding:10px;
}

div#main table.companyTable td table th{
	width:28%;
	background:#fff;
	border:none;
	font-weight:normal;
	padding-left:0;
}

div#main table.companyTable td table td{
	width:72%;
	background:#fff;
	border:none;
	padding-left:0;
}

div#main table.companyTable td.address{
	width:35%;
}

div#main table.companyTable td a.access{
	width:48px;
	text-align:center;
	display:block;
	background:#2fa3ff;
	padding:4px 6px;
	color:#fff;
	margin-top:5px;
}

div#main table.companyTable td a.access:hover{
	background:#3366CC;
	text-decoration:none;
}


/*----------------------------------------------------
	中国進出支援事業
----------------------------------------------------*/
.leadText{
	line-height:1.4;
	margin-bottom:1em;
}
.leadDl{
	margin:20px 0 40px 0;
}
.leadDl dt{
	color:#ff4c06;
	font-weight:bold;
	margin-bottom:0.5em
}
.leadDl dd{
	margin-bottom:0.5em

}
.must{
	color:red;
	font-weight:bold;
}
#serviceList p{
	margin-bottom:20px;
	line-height:1.5;
}
#serviceList h5{
	margin-bottom:5px;
}
body #serviceList .bannerSize{
	color:#28a1ff;
	font-weight:bold;
	font-size:110%;
	margin:0;
}
/*----------------------------------------------------
	プライバシーポリシー
----------------------------------------------------*/
div#main dl#policyList{
	width:630px;
	line-height:1.5;
}

div#main dl#policyList dt{
	border-bottom:1px dotted #2fa3ff;
	margin-bottom:10px;
	font-weight:bold;
}

div#main dl#policyList dd{
	margin-bottom:20px;
}

.contact_pdf{
	line-height:1.4;
}
.contact_pdf img{
	padding-bottom:5px;
}

dl#dlList{
	width:620px;
	margin-bottom:20px;
}

dl#dlList dt{
	width:500px;
	height:40px;
	vertical-align:bottom;
}

dl#dlList dd{
	width:620px;
	height:35px;
	vertical-align:bottom;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ddd;
}