@charset "utf-8";



/* CSS Document */



/* reset styles */


/*---------------------初期化＋初期設定----------------------*/

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}

body,textarea,input {
	font-size: 100.01%;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Hiragino Kaku Gothic Pro W3,"ヒラギノ角ゴ Pro W3",osaka,sans-serif;
}


/*--------------------------全体-------------------------------*/

body{
	color:#333;
	font-size:90%;
	line-height:1.5;
	background-position: center;
	background-color:#FFC;
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: 5px;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}

img{
	border:0;
}

a{
	text-decoration:none;
	color:1818f9;
}

a:hover{
	color:#0CF;
}

a:visited{
	color:#309;
}

/*------------------ヘッダー-----------------------------*/
#header{
	height: 100px;
	width: 960px;
	display: block;
	background-color:#fff666;
	background-image:url(../img/hdr_bg.gif);
	background-repeat:no-repeat;
	border-bottom:solid 1px #FFFF00;
}

.h_left{
	float: left;
	height: 80px;
	width: 800px;
	padding-top:10px;
	}

.h_right{
	float:right;
	height:90px;
	width:150px;
}

.h_right li{
	text-align:right;
	list-style-type: none;
	padding-right:10px;
	margin: 0px;
	
}



/* test */
#header_test {
	height: 80px;
	width: 960px;
	border-bottom: solid 1px #ccc;
	display: block;
	background:linear-gradient(#FFE26C, #FFCC01);  /* 通常 */
	background: -moz-linear-gradient(left top, #FFE26C, #FFCC01);  /* mozilla系 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFE26C), to(#FFCC01));  /* Webkit系 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFE26C, endcolorstr=#FFCC01));  /*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFE26C, endcolorstr=#FFCC01))";  /* IE8 */
	zoom: 1;
	}

.header_desc {
	color: #363636;
	font-size: 15px;
	font-weight: bold;
	float: left;
	height: 54px;
	padding-top: 22px;
	}

.header_navi {
	font-size: 86%;
	height: 50px;
	width: 264px;
	line-height: 1.3;
	float: right;
	padding: 2px 4px 0 0;
	}

.header_navi li.company {
	list-style: none outside none;
	font-size: 0.9em;
	width: 80px;
	height: 20px;
	padding-top: 5px;
	position: relative;
	float: left;
	text-align: center;
	vertical-align: middle;
	}
.header_navi li.company a {
	color: #FFFFFF;
	background: none repeat scroll 0 0 #666666;
	display: block;
	width: 100%;
	line-height: 2;
	}
.header_navi li.company a:hover {
	color:#0066CC;
	background: none repeat scroll 0 0 #707070;
	line-height: 2;
	}

.header_navi li.site {
	list-style: none outside none;
	font-size: 0.9em;
	width: 80px;
	height: 20px;
	margin-left: 2px;
	padding-top: 5px;
	position: relative;
	float: left;
	text-align: center;
	vertical-align: middle;
	}
.header_navi li.site a {
	color: #FFFFFF;
	background: none repeat scroll 0 0 #666666;
	display: block;
	width: 100%;
	line-height: 2;
	}
.header_navi li.site a:hover {
	color:#0066CC;
	background: none repeat scroll 0 0 #707070;
	line-height: 2;
	}

.header_navi li.login {
	list-style: none outside none;
	font-size: 1.1em;
	width: 100px;
	padding-top: 5px;
	position: relative;
	float: right;
	text-align: center;
	vertical-align: middle;
	}
.header_navi li.login a {
	color: #FFFFFF;
	background: none repeat scroll 0 0 #8CB825;
	border: 1px solid #4E6616;
	display: block;
	width: 100%;
	line-height: 3;
	}
.header_navi li.login a:hover {
	color:#0066CC;
	background: none repeat scroll 0 0 #D1D930;
	line-height: 3;
	}




/* パンくずリスト */

#bred_clumbs{
	padding-left: 15px;
	font-size: 80%;
	color: #666;
	width: 700px;
	height: 30px;
	padding-top: 5px;
}

#bred_clumbs a {
	text-decoration: none;
}


#bred_clumbs a:link{ 
	color: #666;
	text-decoration: none;
}

#bred_clumbs a:visited{
	color: #666;
}

#bred_clumbs a:hover{
	color: #999999;
	text-decoration: underline;
}

#bred_clumbs a:active{
	color: #666;
}

/*------------------navigation--------------------*/
#navigation {
	height: 40px;
	width: 960px;
	clear: both;
	background-color:#FFF;
	padding-bottom:20px;
	padding-top:5px;
}

#navigation a {
	text-decoration: none;
}

#navigation li {
	display: inline;
	list-style-type: none;
	padding:0px;
	margin: 0px;
}


/*------------------slide--------------------------*/

.pagination {
	margin:5px auto 0;
	width:200px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:55px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.gif);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}




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

#maincontents{
	float:left;
	width:740px;
	background-color:#ffffff;
	padding-top:5px;
	padding-left:5px;
}

.contents_title{
	
}

.m_left{
	float:left;
	width:440px;
	margin-left:10px;
}

.m_right{
	float:right;
	width:250px;
	padding-top:12px;
	padding-right:15px;
}

.news{
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
}

.news table{
	border:none;
}
.news table th{
	font-size:80%;
	padding-left:5px;
	padding-right:10px;
}

.news table td{
	font-size:80%;
}

.past_info{
	float:right;
}

.tw{
		padding-left:20px;
	
}

#twitter_div {
text-align : left;
margin : 10px 0; /* 適宜変更推奨 */
padding : 10px 20px;
}

#twitter_div ul {
width : 630px; /* 適宜変更推奨 */

}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
padding : 2px 5px 2px 20px; /* 適宜変更推奨 */
list-style: none;
border-bottom : dotted 1px #6e6055; /* 適宜変更推奨 */
}

#twitter_div li a {
font-size : 0.7em !important;
color : #1818f9; /* 適宜変更推奨 */
}

#twitter_div li a:hover {
color : #0FF;
}

#twitter_div li span {
color : #650303; /* 適宜変更推奨 */
font-size : 0.7em;
}

#twitter_div li span a {
color : ##000000; /* 適宜変更推奨 */
font-size : 1em !important;
}

a#twitter-link {
font-size : 0.8em;
color : #dedad4; /* 適宜変更推奨 */
text-align : right;
display : block;
}

a#twitter-link:hover {
color : #ffffff;
}



h1{
	text-indent: -9999px;
	font-size: 0px;
}

h2{
	text-indent: -9999px;
	font-size: 0px;
}

h3{
	font-size: 120%;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #666666;
	background-image:url(../img/title_bg.gif);
	background-repeat:no-repeat;
	width: 710px;
	vertical-align: middle;
	margin: 0 0 10px 10px;
	padding: 5px 0 5px 15px;
	}

h4{
	font-size: 1.4em;
	margin: 8px 0 5px 10px;
	width: 680px;
	border-bottom: solid 2px #ffcc33;
	color: #666666;
	font-weight: bold;
	padding-left: 20px;
	display: block;
}

h5{
	font-size: 120%;
	font-weight: normal;
	color: #666666;
	font-weight: bold;
	border-bottom: solid 2px #ffcc33;
	width: 700px;
}

h6{
	padding-left: 30px;
	font-size: 1em;
	padding-top: 5px;
	color: #FFFFFF;
}

.subtitle{
	background-image: url(../img/subtitle.gif);
	background-repeat: no-repeat;
	width: 654px;
	height: 27px;
	vertical-align: middle;
}

.subtitle_step{
	background-image: url(../img/subtitle_step.gif);
	background-repeat: no-repeat;
	margin-left: 20px;
	width: 654px;
	height: 27px;
	vertical-align:middle;
}

.subtitle_green{
	font-size: 1.2em;
	font-weight: bold;
	color: #669933;
}

.textarea1{
	padding-left: 0px;
	padding-top: 10px;
}

p{
	color: #666666;
}

img{
	border: 0px;
	vertical-align: top;
}


table#companytbl{
	padding-top: 10px;
	border-collapse: collapse;
	color: #555;
	font-size: 13px;
}

table#companytbl th{
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	text-align: left;
	background: #F6F6F6;
}

table#companytbl td{
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

table#companytbl .none{}

table#companytbl .none th{
	padding: 0;
	border: none;
}

table#companytbl .none td{
	padding: 0;
	border: none;
}

.inner .company a{
	background: none ! important;
	padding: 0 ! important;
}

.inner{
	padding-left: 20px;
}

.text_area2{
	padding-left: 10px;
}

.text_area{
	width: 600px;
}

.map_flame{
	padding: 15px 0px 8px 0px;
}

.sitemap_left{
	float: left;
	width: 300px;
	padding-left: 40px;
	font-size: 115%;
	line-height: 2em;
	padding-top: 20px;
}

.sitemap_right{
	width: 300px;
	float: right;
	font-size: 115%;
	line-height: 2em;
	padding-top: 20px;
}

#inquiry_table{
	width: 650px;
	padding-left: 40px;
}

.privacy-box{
	width: 430px;
	margin: 10px;
	margin-left:80px;
	padding: 10px;
	border: 1px #333 solid;
	color: #666666;
	font-size: 0.8em;
	font-style:oblique;
}

.law-box{
	width: 200px;
	margin-left:50px;
	margin-bottom:10px;
	padding:10px 10px 0px 10px;
	border-bottom:1px #333 solid;
	color: #666666;
	font-size: 0.9em;
}


.button_privacy{
	padding-top: 10px;
	width:600px;
	text-align: right;
	font-size: 0.9em;
}

.button_privacy_2{
	padding-left: 550px;
	padding-top: 10px;
}

.thanks_address{
	width: 500px;
	padding-top: 20px;
	padding-bottom: 350px;
	padding-left: 60px;
	font-size: 120%;
}



.law_middle ul{
	margin-left:40px;
	font-size:90%;
}

.law_middle ol{
	margin-left:45px;
	font-size:90%;
}

.law_text_list{
		padding-left:20px;
		margin-top:5px;
		margin-bottom:10px;
		width:675px;
		font-size: 0.9em;
}

#sub_maincontents{
	padding-left: 25px;
	width: 600px;
}

.table_law{
	margin-top: 10px;
	padding-left:20px;
	padding-bottom:15px;
	width: 650px;
	font-size:85%;
}

.table_law_top th{
	border:solid 1px #999;
	color: #666666;
}

.table_law_1_title{
	width: 25px;
	background-color:#ffcc33;	
}

.table_law_2_title{
	text-align: center;
	background-color:#ffcc33;
	width: 280px;
}

.table_law_3_title{
	text-align: center;
	background-color:#ffcc33;
}

.table_law_1{
	width: 25px;
}


.table_law_2{
	width: 280px;
	text-align: left;
	vertical-align:middle;
	padding: 5px;
	font-size: 95%;
}

.table_law_3{
	width: 310px;
	text-align: left;
	vertical-align: top;
	font-size: 95%;
	padding: 5px;
}

.table_privacy{
	width: 430px;
	margin-left:80px;
	color: #666666;
	font-size: 0.8em;
	font-style:oblique;
	}

.table_privacy1{
			text-align:left;
			vertical-align:middle;
			border-bottom:solid 1px #999999;
			width:150px;
	}

.table_privacy2{
			text-align:left;
			border-bottom:solid 1px #999999;
	}


.law_middle{
	width:650px;
	
}

.law_middle ul{
	padding-left: 50px;
}

.law_middle ol{
	padding-left: 50px;
}


.price_innner img{
	padding-right: 15px;
}

.price_innner{
	padding-top: 5px;
	padding-bottom: 5px;
}

.introduction_innner{
	padding-top: 5px;
	padding-bottom: 5px;
}

.sub_braun{
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	padding-top: 8px;
	padding-bottom: 5px;
}

.inquery_text_area{
	padding-left: 20px;
	width: 640px;
}


#maincontents_inner{
	padding-left: 20px;
	width: 675px;
}

.maincontents_middle_pic{
	padding-left: 180px;
}

.maincontents_text_area{
	width: 700px;
	clear: both;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #666666;
	}

.maincontents_text_area2{
	padding-left: 36px;
	width: 630px;
	clear: both;
	padding-bottom: 10px;
	padding-top: 8px;
	font-size: 95%;
}




.maincontents_text_area3{

	padding-left: 36px;

	width: 630px;

	clear: both;

	padding-bottom: 10px;

	padding-top: 8px;

	font-size: 85%;



}



.maincontents_text_area2 ul li{

	padding: 5px;
	
	list-style: none;

}





.answer{



	text-align: left;



	padding-left: 10px;



	vertical-align: middle;



	padding-right:5px;



	padding-top:2px;



}







.question{



	text-align: left;



	padding-left: 10px;



	color: #FF9966;



	font-size: 1.3em;



	font-weight: bold;



	vertical-align: middle;



}







.icon_question{



	padding-bottom: 5px;



	padding-top: 10px;



}







.icon_answer{



	vertical-align: top;



}







#doui-radio {



	padding-top: 15px;



	padding-bottom: 20px;



}







#mailform {



	width: 95%;



	border: 0;



	cellspacing: 2;



	cellpadding: 5;



}







#mailform td {



	height: 40px;



}







#contact-end {



	padding-bottom: 45px;



}







.alt {



	nowrap: nowrap;



	text-align: left;



	width: 25%;



}







.box {



	text-align: left;



}







#btn-submit {



	padding-top: 15px;



}







.thanks {



	text-align: center;



}







#globalsign {



	text-align: center;



}







.top_maincontents{



	padding-left: px;



	padding-top: px;


	width: 715px;

}















.subtitle_orange{



	font-size: 130%;



	color: #FF6600;



	line-height: 2em;



}







.subtitle_black{



	font-size: 120%;



	color: #000;



	line-height: 2em;



}







.subtitle_small_black{



	font-size: 110%;



	color: #000;



	line-height: 2em;



	padding-left: 20px;



}







.menu_list{



	padding-left:40px;



}







.price_box{
	padding-left: 170px;
	padding-top: 30px;
	padding-bottom: 20px;



}




#page_link{padding-left:100px;
			padding-bottom:20px;
			width:600px;
}


#page_link a{font-size:90%;
			border-bottom:solid 1px;

}













/*らくらくログ解析とは*/



.about_left{
	float: left;
	width: 370px;
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
	}

.about_right{
	float: right;
	width: 250px;
	padding-top: 10px;
	padding-right: 10px;
	height: 160px;
	padding-left: 20px;
	}

.about_api_bc{
	background: url("../img/BorCrate.png") no-repeat scroll 465px 50% transparent;
	height: 200px;
	margin: 0 0 10px 0;
	padding: 5px 200px 0px 25px;
	}


/*              アコーディオン start                  */

#acc {
	list-style: none;
	padding-top: 10px;
	}
	
#acc h8 {
	font-weight: normal;
	padding:6px 6px 0 0;
	cursor:pointer;
	}

#acc .acc-section {
	overflow: hidden;
	background-color: #f8f8f8;
	font-size: 0.9em;
	}

/*               アコーディオン end                   */















/*使い方*/
/*使い方*/
.howto_api_excel{
	background: url("../img/excel.png") no-repeat scroll 30px 50% transparent;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0px 180px;
	}

.howto_api_earth{
	background: url("../img/Google Earth_icon.png") no-repeat scroll 35px 50% transparent;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0px 180px;
	}

.howto_api_malti{
	background: url("../img/malti_device.jpg") no-repeat scroll 30px 50% transparent;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0px 180px;
	}

.howto_area_pref{
	background: url("../img/shizuoka_small.png") no-repeat scroll 30px 50% transparent;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0px 180px;
	}

.howto_area_country{
	background: url("../img/world_small.png") no-repeat scroll 30px 50% transparent;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0px 180px;
	}

.howto_area_keyword{
	background: url("../img/matome-hikaku_small.jpg") no-repeat scroll 25px 50% transparent;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0px 180px;
	}
	
.howto_org_cat{
	background: url("../img/org_report_small.jpg") no-repeat scroll 25px 50% transparent;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0px 180px;
	}

.howto_org_company{
	background: url("../img/org_each_small.jpg") no-repeat scroll 25px 50% transparent;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0px 180px;
	}



.howto_left{
	float: left;
	width: 180px;
	padding-top: 10px;
	padding-left: 45px;
	font-size: 95%;
}


.howto_right{
	float: right;
	width: 400px;
	padding-top: 10px;
	padding-right: 50px;
	font-size: 90%;
	line-height: 1.5em;
}


.howto_left ul{
	padding-bottom: 10px;
}


.howto_right ul{
	padding-bottom: 10px;
}





/*利用マニュアル*/


#manual_inner{
	padding-left: 20px;
	width: 650px;
}

#manual_inner li{
	list-style: url(../img/listmark.gif);
}	

#manual_inner img{
	padding: 8px;
}

.TXTwt {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.TXTplB {
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 3px;
	color: #333333;
	padding-right: 3px;
}


.TXTflowNo {
	font-size: 22px;
	font-weight: bold;
	color: #009999;
}


.line-mar{
	padding-left: 20px;
}

.totop {
	font-size: 12px;
	text-indent:550px;
}



.manual_cat_title{
	font-size: 1.3em;
	font-weight: bold;
	color: #99CC00;
}


.manual_title{
	font-size: 1.3em;
	font-weight: bold;
	color: #3399CC;
}


.manual_subtitle{
	font-size: 1.2em;
	color: #99CC33;
}


.manual_text_area{
	color: #666666;
	font-size: 0.9em;
	padding-left: 60px;
	padding-bottom: 20px;
	line-height: 2;
}

.manual_text_area ul li{
	list-style: url(../img/attention.gif);
}

.manual_text_1{
	float: left;
	padding-top: 3px;
	padding-bottom: 25px;
	padding-right: 20px;
}


.manual_text_2{
	padding-top: 25px;
	font-size: 1.2em;
	
}


/*サイトマップ*/







#saitemap_left{
	float: left;
	width: 300px;
	padding-left: 20px;
	padding-top: 20px;
}



#saitemap_right{
	float: right;
	width: 300px;
	padding-top: 20px;
	padding-right: 30px;
}



.sitemap_title{
	border-style: none none solid solid;
	border-color: #FFCC66;
	border-width: medium medium 2px 5px;
	padding: 5px 10px;
	margin-bottom: 1.8em;
	font-size: 1em;
}



/* サポート　*/



.adviser_left{
	float: left;
	width: 300px;
	margin-left: 15px;
	padding-top: 10px;
}



.adviser_right{
	float: right;
	width: 300px;
	padding-top: 10px;
}


.adviser_inner_right{
	float: right;
	padding-top: 90px;
}



.adviser_inner_left{
	float: left;
}

.adviser_inner_bottom{
	clear: both;
	width: 290px;
	padding-top: 10px;
}


.adviser_name{
	font-size: 1.3em;
	color: #336600;
}




/*らくらくログ解析とは*/



















/*用語集*/

.table_yogo_title{
	text-align: center;
	background-image: url(../img/bg_table_t.gif);
	width: 50%;
}







.table_yogo_2{
	text-align: left;
	width: 25%;
}


.table_yogo th{
	border-right: 1px solid #663300;
	border-bottom :1px solid #663300;
	color: #330000;
	background-position:left top;
	padding: 0.4em 0em 0.4em 1em;
}

table.table_yogo{
	border-top: 1px solid #663300;
	border-left: 1px solid #663300;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	empty-cells: show;
	width: 690px;
}


.table_yogo{
	margin-left: 10px;
}


.table_yogo_3{
	margin-top: 10px;
	margin-left: 10px;
	border-top: 1px solid #663300;
	border-left: 1px solid #663300;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	empty-cells: show;
	width: 690px;

}


.table_yogo_3 th{
	border-right: 1px solid #663300;
    border-bottom: 1px solid #663300;
    color: #330000;   
    background-position:left top;
    padding: 0.5em 1em;
	background-image: url(../img/bg_table_t.gif);

}


.table_yogo_3 td{
	border-right: 1px solid #663300;
    border-bottom: 1px solid #663300;
	padding: 1em 1em;
}




.table_yogo_4{
	vertical-align: top;
	width: 25%;

}


.table_yogo_5{
	vertical-align: top;
}





/*料金*/


.table_price_title{
	text-align: center;
	background-image: url(../img/bg_table_t.gif);
	width: 50%;
}


.table_price_2{
	text-align: left;
	width: 25%;
}

.table_price th{
	border-right: 1px solid #663300;
	border-bottom :1px solid #663300;
	color: #330000;
	background-position:left top;
	padding: 0.4em 0em 0.4em 1em;
}


table.table_price{
	border-top: 1px solid #663300;
	border-left: 1px solid #663300;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	empty-cells: show;
	width: 500px;
}


.table_price{
	margin-left: 10px;
}



.table_price_3{
	margin-top: 10px;
	margin-left: 10px;
	border-top: 1px solid #663300;
	border-left: 1px solid #663300;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	empty-cells: show;
	width: 450px;
}


.table_price_3 th{
	border-right: 1px solid #663300;
    border-bottom: 1px solid #663300;
    color: #330000;   
    background-position:left top;
    padding: 0.5em 1em;
	background-image: url(../img/bg_table_t.gif);
}


.table_price_3 td{
	border-right: 1px solid #663300;
    border-bottom: 1px solid #663300;
	padding: 1em 1em;
}


.table_price_5{
	vertical-align: top;
}



/*導入事例*/


.jirei_table {
	padding-top: 10px;
	margin: 0 0 0 60px;
	}
	
.jirei_table th{
	font-size:1.1em;
	width: 290px;
	text-align: left;
	padding: 7px 10px 7px 10px;
	border-bottom: dotted 1px #333;
	}

.jirei_table td{
	width: 200px;
	text-align: left;
	padding: 7px 10px 7px 15px;
	border-bottom: dotted 1px #333;
	}

.jirei_subtitle{
	font-size: 1.1em;
	font-weight: bold;
	color: orange;
	padding-bottom: 10px;
	padding-left: 25px;
}


dt{




}


.inner_list{
	padding: 2px 0 5px 55px;
}


/*料金*/


.table_price_title{
	text-align: center;
	background-image: url(../img/bg_table_t.gif);
	width: 50%;
}

.table_price_5{
	text-align: right;
}

.table_price_2{
	width: 25%;
}



.table_price_3 th{
	border-right: 1px solid #663300;
	border-bottom :1px solid #663300;
	color: #330000;
	background-position:left top;
	padding: 0.2em 0.5em;
	font-size: 98%;
}


.table_price_3 td{
	border-right: 1px solid #663300;
	border-bottom :1px solid #663300;
	color: #330000;
	background-position:left top;
	padding: 0.2em 0.5em;
	font-size: 98%;
}


.table_price_5{
	vertical-align: top;
	background-image: url(../img/bg_table_p.gif);

}



.btn_contact{
	padding-left: 200px;
}



.btn_contact2{
	clear: both;
	padding-top: 10px;
	padding-left: 50px;
}



.btn_contact2 img{
	padding-left: 20px;
}



/*---------------------sidebar-------------------------*/

#sidebar{
	float:right;
	width:200px;
	background-color:#FFF;
	line-height: 1.3;
	float: right;
	margin-right: 5px;
	font-size: 10px;

}


#sidebar img{
	vertical-align: top;
	text-align:left;
	border:0;

}




.sidebar_1_parts img{
	margin-top:2px;
	margin-bottom: 3px;

}


#sidebar li{
	list-style-type: none;
	color:	#999;

}

.sidebar_1{
	padding-left: 5px;

}


.otamesi{
	padding-bottom: 5px;

}


.sidebar_1 ul{

}

.sidebar_2{

	padding-left: 10px;
}


#sidebar ul li.top{
	width: 204px;
	height: 30px;
}



#sidebar ul li.bottom{
	width: 204px;
	height: 30px;
}

.sidebar_bottom li{
	list-style-type: none;
	padding-bottom: 10px;
	text-align: center;
	padding-top: 8px;
	font-size:	11px;
	color:	#999;

}



.sidebar_t{
	text-indent: 10px;
}




.pagetop{
	height: 22px;
	padding-top: 10px;
	padding-bottom: 20px;
	clear: both;
	font-size: 12px;
	text-align: right;
	margin: 0 50px 0px 220px;


}



.pagetop a{
	color: #669933;
}


.pagetop2{
	width: 720px;
	height: 22px;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
	text-indent: 580px;
	font-size: 12px;

}

.pagetop2 a{
	color: #669933;
}

.pagetop3{
	height: 22px;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
	font-size: 12px;
}


.sidebar_bottom_2 li{
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 70px;
	padding-top: 8px;
	font-size: 11px;
	color: #999;
}

.sidebar_bottom_2 img{
	padding-left: 5px;
}


/*----------------------IP判定--------------------------*/







#ipv{
	height: 130px;
	background-image: url(../img/bn_ipv.gif);
	background-repeat: no-repeat;
	font-size: 108%;
	width: 195px;
	margin-left: 6px;
	margin-top: 13px;
	padding-bottom: 8px;

}




#ipv a link{
	color: #fff;
}


#ipv a hover{
	color: #000033;

}




#sparea{
	font-size: 11px;
	color:#FF7400;
	font-weight: bold;
	padding-top: 42px;
	padding-left: 7px;


}

#sparea2{
	font-size: 11px;
	color:#FF7400;
	font-weight: bold;
	padding-left: 7px;
}






#sparea4{
	font-size: 11px;
	color: #FF7400;
	font-weight: bold;
	padding-left: 7px;
	padding-top: 16px;
}



#ipv_table1{
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	padding-left: 10px;
	margin-left: 20px;
	background: url(../img/bg_table.gif);
	width: 650px;
}



#ipv_table1 td{
	padding: 5px 10px 5px 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	margin-right: 10px;
}


#ipv_table1 th{
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #999;
	font-weight: bold;
	line-height: 120%;
	color: #fff;

}




#ipv1{
	float: left;
}


.ipv_text{
	font-size: 100%;
	padding-bottom: 20px;
	padding-left: 25px;
	color: #333333;

}



.ipv_text p{
	color: #333333;

}



.ipv_ti{
	font-size: 1.2em;
	border-left: 5px solid #f8b625;
	color: #333333;
	display: block;
	vertical-align: middle;
	margin-bottom: 10px;
}




}

#content3{
	padding-top: 40px;
	padding-left:25px;
	font-size: 110%;
	width: 600px;
	height: 300px;
	background-repeat: no-repeat;
	margin-left: 50px;
	padding-bottom: 100px;
	background-image: url(../img/thanks_ip_bg.gif);

}


.info_square{
	background-color:#FFFFCC;
	text-align: middle;
	vertical-align:middle;
	width: 400px;
	padding: 20px 30px;
}

.info_box{
	width: 500px;
	background-color: whitesmoke;
	text-align: center;
	padding: 25px;
}



/* 動画ページ　*/

#movie_area {
float: left;
margin-right: 40px;
}

#b_box{
height : 250px;
padding-top : 45px;
}

#movie_contents{
font-size: 10.5pt;
width: 620px;
height : 320px;
clear : both;
margin-top : 30px;
}

#b_box button {
	width: 300px;
	height:30px;
	margin-left : 20px;
}

.seminar_5{
border-right: 1px dotted #FFA500;
float: left;
margin-top: 15px;
width: 320px;
}

.seminar_6 {
float: right;
margin-top: 15px;
width: 310px;
}

.seminar_1{
clear: both;
}

.seminar_9{
float: left;
margin-top: 15px;
width: 500px;
}

.subtitle_demo{
font-weight: normal;
font-size: 1.2em;
}

.info_left{
	text-align: right;
	padding-top: 15px;
}

.info_f_left{
	float: left;
}

.info_f_right{
	float: right;
}

.info_table_001{
	border: 1px #DCDCDC solid;
    border-collapse:collapse;
	padding-bottom: 10px;
}

.info_table_001 td{
	padding: 10px;
	vertical-align: top;
	border: 1px #DCDCDC solid;
}

#jump {
	position: fixed;
	top: 300px;
	position: expression("absolute");
	top: expression(documentElement.scrollTop + 300 + "px");
	_background-image: url(null);
	_background-attachment: fixed;
	}

 #jump p {
	background: url("../glossary/jump_back.png") no-repeat scroll 0 0 transparent;
	height: 30px;
	left: 705px;
	position: absolute;
	width: 30px;
	padding: 3px 0 0 8px;
	}

 #jump a {
	color: #FFF;
	display: block;
	text-decoration: underline;
        }
		
.bg_arrow {
	color: #FFFFFF;
}

#mailform2 {
	border: 0;
	padding: 5px;
}

#mailform2 td {
	margin: 0px;
	padding: 0px;
	padding: 7px 5px 7px 10px;
	border-bottom: solid 1px #d3d3d3;
	border-left: solid 1px #d3d3d3;
	font-size: 12px;
}

#mailform2 span {
	color: #FF0000;
}

#mailform3 {
	border: 0;
	padding: 5px;
}

#mailform3 td {
	margin: 0px;
	padding: 0px;
	padding: 7px 5px 7px 10px;
	border-bottom: solid 1px #d3d3d3;
	border-left: solid 1px #d3d3d3;
	font-size: 12px;
}

#mailform3 th {
	margin: 0px;
	padding: 0px;
	padding: 7px 5px 7px 10px;
	border-bottom: solid 1px #d3d3d3;
	border-left: solid 1px #d3d3d3;
	font-size: 12px;
}


#mailform3 span {
	color: #FF0000;
}





.box {
	font-size: 75%;
	line-height: 2em;
	margin: 0px 20px 10px 30px;
	border: 0px;
	background-color: #FFEAB2;
}

		
p {
	margin: 3px 0 25px 25px;
}

		
table.mokuji{
	font-size: 8pt;
	width: 97%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#ffffff;
	empty-cells:show;
}


.mokuji th{
	font-weight: bold;
	width: 20%;
	height: 35px;
	color:#330000;
	border: 1px #E3E3E3 solid;
	background-color:#ffcc00;
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
}


.mokuji td{
	font-weight: lighter;
	width: 20%;
	height: 27px;
	border: 0px #E3E3E3 solid;
	padding:0.3em 1em;
}


/* メルマガページ　*/

ul.mailmagazine li {
	margin: 0em 0 0.5em 50px;
	vertical-align: top;
	list-style: url(../img/attention.gif);
}

ul.mailmagazine{
	margin-top: 10px;

}


#bq1{
	font-size: 80%;
	border-left:5px solid #FFC607;
	background: #ffedb2;
	margin: 0px 20px 10px 30px;
	padding: 10px;
}


.setumei00{
	padding-left: 30px;
		width: 660px;

}


.setumei01{
	padding-left: 30px;
		width: 660px;

}

.setumei02{
	padding-left: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 660px;
	clear: both;

}

.setumei03{
	padding-left: px;
	padding-top: px;
	padding-bottom: px;
	float: left;
	width: 350px;

}

.setumei04{
	padding-left: px;
	padding-top: px;
	padding-bottom: px;
	width: 300px;
	float: right;

}

.setumei05{
	padding-left: px;
	padding-top: px;
	padding-bottom: px;

}


ul.indent{
	margin-left: 50px;
	font-size: 90%;
}

.mailmag_img{
	width: px;
	padding: 5px 5px 5px 5px;
}


/* メルマガページ　ご利用マニュアル*/

.table_mokuji_1{
	text-align: center;
	height: 40px;
	font-weight: bold;
	width: 110px;
}

.table_mokuji_2{
	text-align: left;
	height: 35px;
	font-size: 12px;
	padding-left: 5px;
}



.manual_top_table{
	height: 250px;
	border-top:solid 1px #808080;
	border-right:solid 1px #808080;
	width: 700px; 
}

.manual_top_table td{
	border-bottom:solid 1px #808080;
	border-left: solid 1px #808080;
}

.manual_top_table a {
	outline: 0;
 	text-decoration: underline;
}


/*ご利用マニュアル はじめに*/

#imakoko001 {
	background: url("../../img/attention.gif") no-repeat scroll 70px 6px transparent;
}


h5.none{
	margin-top: 40px;
}



td {
	vertical-align: top;
	padding-right: 25px;
	padding-bottom: 15px;
}


/*ご利用マニュアル 操作方法*/

#imakoko002 {
	background: url("../../img/attention.gif") no-repeat scroll 70px 6px transparent;
}


h5.none {
	margin-top: 40px;
}


h7 {
	font-weight: bold;
	padding-top: 20px;
}


.maincontents_text_area10 {
	padding-left: 40px;
	padding-top: 10px;
	width: 665px;
	color: #666666;
}


.about_right3 {
	float: right;
	text-align: right;
	padding-right: 10px;
	width: 300px;
	height: 650px;
	padding-left: 20px;
}


#caption01 {
	font-size: 0.8em;
	padding-bottom: 5px;

}


/*ご利用マニュアル レポート*/

#imakoko003 {
	background: url("../../img/attention.gif") no-repeat scroll 70px 6px transparent;
}

h5.none{
	margin-top: 40px;
}


#summaryNav {
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 30px;
	width: 600px;
	text-align: left;
	font-size:0.8em;
	color: #666666;
	padding-top: 5px;
	padding-left: 25px;

	
}


#summaryNav ul {
	float: left;
	list-style: none;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

#popup01 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup02 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup03 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}


#popup05 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup06 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup07 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup09 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup10 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup11 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup13 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup14 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}

#popup15 {
	display: block;
	float: left;
	list-style: none;
	padding-top: 3px;
	border-right: 1px #CCCCCC solid;
}



#summaryNav ul li{
	margin-right: 4px;
	padding-left: 5px;
	line-height: 1.8;
}


#summaryNav ul li{
	margin-right: 4px;
	padding-left: 5px;
	line-height: 1.8;
}


#imgPreviewWithStyles {
	background: #222;
	padding: 5px;
}



/*ご利用マニュアル 特徴的な機能*/

#imakoko004 {
	background: url("../../img/attention.gif") no-repeat scroll 95px 6px transparent;
}


h5.none{
	margin-top: 40px;
}


.maincontents_text_area {
	font-size: 0.9em;
}


td {
	vertical-align: top;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 15px;
}


.about_right2 {
	float: right;
	text-align: left;
	padding-right: 10px;
	width: 150px;
	height: 120px;
	padding-left: 20px;
}

/* 外部リンクのイメージアイコン */
a.external {
	background: url("../../img/link.png") no-repeat scroll right top transparent;
	padding-right: 22px;
	}

/* 内部リンクのイメージアイコン */
a.innerlink {
	background: url("../../img/jump.gif") no-repeat scroll left top transparent;
	padding-left: 22px;
	}

/* tipsのイメージアイコン */
a.tips {
	background: url("../../img/tips.gif") no-repeat scroll right top transparent;
	padding-right: 22px;
	}

/* 画像リンクのイメージアイコン */
a.image-link {
	background: url("../../img/image-link.png") no-repeat scroll right top transparent;
	padding-right: 22px;
}


/*ご利用マニュアル 便利な設定*/

#imakoko005 {
	background: url("../../img/attention.gif") no-repeat scroll 80px 6px transparent;
}


h5.none{
	margin-top: 40px;
}


/* マニュアル 一覧表はじまり */
	#maincontents_table {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ffd7b2;
	border-radius : 0.6em;
		-webkit-border-radius : 0.6em;
		-moz-border-radius : 0.6em; 
	font-size: 1em;
	text-align: left;
	width: 700px;
	padding-bottom: 5px;
	margin: 0 0 20px 10px;
	}
	#maincontents_table th {
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	#maincontents_table td {
	font-size:0.8em;
	padding: 0px 0px 0px 10px;
	}
	#maincontents_table a:link {
	color: #000000;
	}
	#maincontents_table a:hover {
	color: #FFFFFF;
	background-color: #666666;
	}
	#maincontents_table a:visited {
	color: #b3b3b3;
	}
	#imakoko {
	background: url("../../img/attention.gif") no-repeat scroll 67px 6px transparent;
	color: #000000;
	}
/* マニュアル 一覧表おわり */

/*----------代理店一覧GoogleMap設定------------*/
#gmap{
	margin-left:30px;
	margin-bottom:10px;
	width:670px;
	height:500px;
}

#partner table{
	width:670px;
	margin-left:30px;
}

#partner table th,#partner table td{
	border-bottom:solid 1px #666666;

}
.partner_tel{
	width:100px;
}


/* 顧客満足度調査お礼ページ*/

.date_2011{
	padding-left: 550px;
}


/* 顧客満足度調査お礼ページおわり*/

.seminar_2{
	float:left;
	width: 400px;
	padding-top: 15px;
}

.seminar_2_2{
	float:left;
	width: 330px;
	padding-top: 15px;
}

.seminar_2_3{
	float:right;
	background-image:url(../img/20110215_seminar_01.jpg);
	background-repeat: no-repeat;
	height: 219px;
	width: 330px;
	margin-top: 15px;
	padding-bottom: 10px;
	font-size: 11px;
}

.seminar_2_3 dl{
	font-size:12px;
	padding-left: 80px;
}



/* 資料ダウンロードページ */

.document_l1{
	float: left;
	margin-left: 0px;

}
.document_r1{
	float:right;
	margin-right: 50px;
	margin-top: 20px;
}
.document_l2{
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}
.document_r2{
	float:right;
	width: 500px;
	padding-top: 20px;
}
.document_r2 dt{
	font-size:1.2em;
	font-weight: bold;
}

.document_dl{
	clear: both;
	height: 170px;
	border-bottom: 1px dotted #FFCC00;

}

.document_dl2{
	clear: both;
	height: 130px;
	border-bottom: 1px dotted #FFCC00;

}


.document_dl_last{
	clear: both;
	height: 170px;
}


/* APIページ */

.url {
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border: 1px gray solid;     /* 枠線の装飾 */
   margin-left: 30px;
   width: 668px;
}

.title_table {
   	border-radius: 5px;         /* CSS3 */
   	-moz-border-radius: 5px;    /* Firefox */
   	-webkit-border-radius: 5px; /* Safari,Chrome */
   	border: 1px #ffcc33 solid;     /* 枠線の装飾 */
   	margin-left: 50px;
   	margin-top: 20px;
   	font-size: 1.4em;
	font-weight: bold;
	padding-left: 15px;
	width: 630px;
 	background-color: ;
}


#maincontents_table_api {
	font-size: 1em;
	text-align: left;
	width: 720px;
	padding-bottom: 5px;
}
	
#maincontents_table_api th {
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: px;
	padding-bottom: 5px;
	padding-left: 10px;
}
	
.api {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ffd7b2;
	border-radius : 0.6em;
		-webkit-border-radius : 0.6em;
		-moz-border-radius : 0.6em; 
	font-size: 1em;
	text-align: left;
	width: 700px;
	padding-bottom: 5px;
	}
	
.taitle_aip {
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 5px;
}

.taitle_aip_02 {
	font-size: 1.4em;
	font-weight: bold;
	
}



.table-api {
	border: 1px #C0C0C0 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-left:30px;
}
.table-api th {
	padding: 5px;
	border: #C0C0C0 solid;
	border-width: 0 0 1px 1px;
	background: ;
	line-height: 120%;
	background-color: #E6E6FA;
	font-size:12px;
	text-align: middle;
}

.table-api td {
	padding: 20px 0 20px 5px;
	border: 1px #C0C0C0 solid;
	border-width: 0 0 1px 1px;
	text-align: middle;
	font-size:11px;
	height: 8px;
	/*width: 120px;*/
	}
	
.table-api tr {
	color:#808080;
}

.api_text_area{
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
line-height: normal;}

.api_text_area ul li{
	list-style: url(../img/attention.gif);
}


.maincontents_text_area_api{
	padding-left: 20px;
	width: 675px;
	clear: both;
	line-height: 1.5em;
	padding-top: 8px;
}



/* 過去のお知らせページ */

.subtitle_step_info{
	background-image: url(../img/subtitle_step_info.gif);
	background-repeat: no-repeat;
	width: 679px;
	height: 27px;
	vertical-align:middle;
}

.table_info{
	padding-top: 10px 0px 20px 25px;
	margin-left: 25px;
	width:650px;
	font-size:90%;
}

.table_info th{
	width: 50px;
	vertical-align:top;
	margin-right: 25px;
	text-align: left;
	font: 120%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom:solid 1px #F90;

	
}

.table_info td{
	width: 600px;
	text-align:left;
	padding-bottom:5px;
	padding-top: 2px;
	border-bottom:solid 1px #F90;
	
}

.top_info{
	height: 22px;
	padding-top: 10px;
	padding-bottom: 20px;
	clear: both;
	text-align: right;
	margin: 0 35px 0px 220px;


}

.sbtitle_seminor p{
	font-size: 14px;
	font-weight: bold;
	display: block;
	border-left: 5px solid #DCDCDC;
	margin-left:20px;
	padding: 2px;
}
	
.seminor_inn{
	text-indent: 20px;
}	


.info_movies{
	float:right;
	padding:5px;
	border:dotted 1px #fbd74b;}

.info_text{
	line-height: 1.5em;
	font-size: 0.9em;
	color: #666666;
	padding:5px;
	}

.api-contact{
	float:right;
	padding-right:30px;
	font-size:80%;
	vertical-align:top;}
	
#live108{
	float:left;
	padding-top:5px;
	padding-left:50px;}
	
	
/*-------------------footer-------------------*/

#footer{
	clear:both;
	background-color:#ff9900;
	background-image:url(../img/ftr_bg.gif);
	background-repeat:no-repeat;
	height:100px;
	width:960px;
	font-size:70%;
}


.f_left{
	float:left;
	width:300px;
}

.f_right{
	float:right;
	text-align:left;
	width:430px;
	padding-top:2px;
	padding-right:30px;
}
.tel{
	text-align:left;
	padding-left:52px;
}

.tel3{
	text-align:left;
	padding-left:52px;
}

.f_right li{
	list-style-type: none;
}

#copy{
	text-align:center;
	background-color: #FFFFCC;
	clear:both;
	font-size:10px;
	color:#650303;
	}

#copy p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	}