@charset "UTF-8";

* {
	font-family:sans-serif;
	margin:0px;
	padding:0px;
}


/*=======anchor=======*/

A:link{

	text-decoration:none;
}

A:visited{

	text-decoration: none;
}

A:hover{

	text-decoration: underline;
}

A:active{

}

/*=======header=======*/
h1{
	display:block;
	width:822px;
	align:left;
	
}

h2{
	margin:5px 0 0 10px;
}

h3{
	font-size:130%;
	margin:1.5em 0 3px 15px;
	color:#0F6ACE;
}
	h3 img.icon{
		vertical-align:middle;
		margin:0 0.3em 0.3em 0;
	}

h4{
	font-size:130%;
	margin:15px 0 5px 15px;
	color:#0F6ACE;
}

h5{
	font-size:110%;
	margin:1.5em 0 3px 15px;
	color:#0F6ACE;
}

/*=======tags=======*/

body{
	background:url(../images/bg.gif);
	font-size:90%;
	//font-size:80%;
}

p{
	margin:5px 0px 15px 0px;
	letter-spacing:0.1em;
}

input{
	vertical-align:middle;
}

strong{
	font-weight:bold;
	color:#ED501B;
}

img{
	border: 0;
}

form{
	
}

li{
	padding:1px 3px;
}

dt{
	font-weight:bold;
	padding:1px 1em;
}
dd{
	padding:1px 2em;
}
pre{
	font-size:100%;
	padding:1.5em;
	margin:0 4em 0 4em;
	background-color:#f7f7f7;
	border:dotted 1px #666666;
}

table{
	//font-size:90%;
}
/*=======html=======*/
.base{
	background:url(../images/bg_top.jpg) top left repeat-x;
}

.main{
	width:822px;
	background:url(../images/main_bg.gif);
}


/*=======contents=======*/
#contents{
	margin:0px 0px 10px 243px;
	width:551px;
}

.form_login{
	background:url(../images/login_bg.gif);
	height:40px;
	font-size:12px;
	//font-size:11px;
	overflow:hidden;
}

.form_login_parts{
	vertical-align:middle;
	margin-right:1em;
}

.form_login_parts_logout{
	vertical-align:middle;
	margin:0 1em;
}

.form_login_name{
	font-weight:bold;
	font-size:110%;
	margin:0 0.5em;
}

.idx_contents{
	padding:0px 11px 0px 11px;
}

.idx_body{
	width:800px;
	margin:0px 0;
}

.idx_body_det{
	width:175px;
/*	background:url(../images/cts_body_bg.jpg) repeat-y;
*/
	background-color:#d7aeba;
	margin:5px 0 0 0;
	font-size:85%;
	//font-size:95%;
}

.cts_body_det{
	width:175px;
	background:url(../images/cts_body_bg.jpg) repeat-y;
	margin:5px 0 0 268px;
	font-size:85%;
}

	.idx_body_det p,.cts_body_det p{
		margin:0.2em 1em;
		letter-spacing:0.1em;
		line-height:1.4em;
		color:#763308;
	}

	.cts_body_det div.use{
		background:url(../images/cts_bg_use.jpg) top right no-repeat;
		}
		
	.cts_body_det div.get{
		background:url(../images/cts_bg_get.jpg) top right no-repeat;
		}
		
	.cts_body_det div.api{
		background:url(../images/cts_bg_api.jpg) top right no-repeat;
		}


.idx_main{
	width:625px;
	height:195px;
/*	background:url(../images/idx_main.jpg) no-repeat;
*/
	background-color:#fff8f0;
}

	.idx_main_banner{
		text-align:left;
		padding-top:10px;
		margin:10px !important;
		font-weight:bold;
		font-size:150%;
	}

	.idx_main p{
		margin:3px 15px 0px 20px;
		font-size:100%;
		color:#000;
		line-height:150%;
	}
	
	p.list, p.wlist{
		margin:10px 10px 0 0;
		text-align:right;
		font-weight:bold;
	}
	
	p.wlist a{
	font-size:110%;
	color:#FFF;
	}	
	
	p.list a, .footer a{
	color:#D3651D;
	margin-right:10px;
	}

.idx_menu{
	clear:left;
	width:800px;
	margin:5px 0 0 0;
	padding:0px;
}

.cts_menu{
	width:259px;
	margin:5px 0;
	float:left;
}


.menu_use{
	background:url(../images/menu_use.jpg) no-repeat;
}

.menu_get{
	background:url(../images/menu_get.jpg) no-repeat;
}

.menu_api{
	background:url(../images/menu_api.jpg) no-repeat;
}

.menu_use * * a, .menu_get * * a, .menu_api * * a{
	color:#000;
	text-shadow:#FFF 2px 2px 2px;
}

.menu_use * * * .icon, .menu_get * * * .icon, .menu_api * * * .icon{
	margin-right:0.5em;
	vertocal-align:middle;
}


/*index_menu*/
td .menu_use, td .menu_get, td .menu_api{
	width:259px;
	height:145px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}

	td .menu_use ul{
		margin:0px;
		padding:55px 10px 5px 30px;
		list-style-type:none;
	}
	td .menu_use ul li{
		margin-bottom:5px;
		//margin-bottom:8px;
	}

	td .menu_get ul{
		margin:0px;
		padding:55px 10px 5px 30px;
		list-style-type:none;
	}

	td .menu_api ul{
		margin:0px;
		padding:65px 10px 5px 30px;
		list-style-type:none;
	}
	td .menu_api ul li{
		margin-bottom:1px;
		//margin-bottom:5px;
	}

/*contents_menu*/
.cts_menu .menu_use, .cts_menu .menu_get, .cts_menu .menu_api{
	width:259px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
	background:url(../images/cts_menu_bg.gif) repeat-y;
}

	.cts_menu .menu_use ul{
		margin:0px;
		padding:55px 10px 5px 30px;
		list-style-type:none;
		background:url(../images/cts_menu_use.jpg) top no-repeat;
	}

	.cts_menu .menu_get ul{
		margin:0px;
		padding:55px 10px 5px 30px;
		list-style-type:none;
		background:url(../images/cts_menu_get.jpg) top no-repeat;
	}

	.cts_menu .menu_api ul{
		margin:0px;
		padding:65px 10px 5px 30px;
		list-style-type:none;
		background:url(../images/cts_menu_api.jpg) top no-repeat;
	}

	.cts_menu .menu_use ul li,.cts_menu .menu_get ul li,.cts_menu .menu_api ul li{
		margin-bottom:5px;
		//margin-bottom:8px;
	}



.topic_path{
	margin:0;
	font-size:90%;
}
	.topic_path a, .topic_path strong{
		color:#8C3407;
	}


h3.contents_servicelink{
	background:url(../images/idx_service.jpg) no-repeat;
	width:800px;

	margin:0 0 0 11px;
	padding:5px 0 0 10px;
	font-size:12px;
	color:#000;
}

h3.contents_servicelink span{
	font-weight:lighter;
	font-size:9px;
	color:#8C3407;
	margin-left:20px;
}

h3.contents_servicelink span a{
	color:#FFF;
	margin-left:10px;
}

dl.term{
	margin:10px;
}
dt.term{
	color:#FF3300;
	font-size:14px;
}
dd.term{
	margin-bottom:10px;
}

dl.contents_servicelink{
	width:800px;
	margin:0 0 0 11px;
}


dt.red, dd.red{
	background:#F8EAC7;
}

dt.white, dd.white{
	background:#F4E0AC;
}


.contents_servicelink dt{
	padding:2px 0px 5px 0px;
	//padding:2px 0px 2px 0px;
}

.contents_servicelink dd{
	padding:3px 10px 5px 18px;
	border-top:1px solid #D3651D;
	font-size:90%;
	//font-size:80%;
	line-height:150%;
	color:#8C3407;
}

.contents_servicelink_icon{
	vertical-align:middle;
	margin:0px 5px;
}

.popup_plain{
	clear:both;
	padding-bottom:10px;
	margin:10px 15px;
	border-bottom:1px dotted #DDD;
}

.popup{
	padding:5px;
	margin:5px;
}

.popup_title{
	padding-bottom:10px;
	margin:20px 15px 0px 15px;
	border-bottom:1px solid #DDD;
}

.popup_form{

}

.popup_must{
	font-size:90%;
	font-weight:bold;
	color:#f00;
}

.popup_line{
	clear:both;
}

.popup_line_left{
	background:#F0F2F7;
	width:100px;
	font-weight:bold;
	font-size:12px;
	color:#566F96;
	text-align:right;
	padding:10px 10px 0px 0px;
}

.popup_line_right{
	padding:0px 10px;
	width:400px;
	border:1px solid #F0F2F7;
}

.popup_line_left_confirm{
	width:100px;
	color:#882F53;
	text-align:right;
	padding:10px;
	background:#F4E1E9;
	font-weight:bold;
	font-size:12px;

}

.popup_line_right_confirm{
	color:#882F53;
	padding:10px;
	width:450px;
	border:1px solid #F4E1E9;
	font-size:12px;
}

.popup_form_txtfield{
	margin:10px 0px;
	width:400px;
	height:100px;
	border:1px solid #566F96;
}

.popup_form_input{
	margin:5px 0px;
	padding:2px;
	width:300px;
	height:18px;
	border:1px solid #566F96;
}

.popup_form_btn{
	clear:both;
	margin-top:15px;
	text-align:center;
}

.popup_caution{
	border:1px solid #F00;
	font-weight:bold;
	padding:5px;
	margin-bottom:10px;
	color:#F00;
}

.popup_caution_inner{
	font-weight:bold;
	padding:5px;
	margin:10px;
	color:#FFF;
	background:#F00;
}

.popup_li_ex{
	font-weight:bold;
}


.cts_about_table{
	border:0px solid #FFF;
	margin-left:30px;
	margin-bottom:20px;
}

.cts_about_table_label{
	font-size:95%;
	background:#DDD;
	width:136px;
	padding:10px;
	vertical-align:top;
	font-weight:bold;
	border-bottom:1px solid #FFF;
	text-align:right;
}

.cts_about_table_data{
	font-size:95%;
	padding:10px;
	vertical-align:top;
}

.works_ss{
	float:right;
	margin:0 10px 10px 10px;
}

.works_data{
	padding:5px;
	margin:0;
	border-bottom:1px solid #DDD;
}

h3.works_h3{
	border-left:5px solid #000;
	border-bottom:1px solid #999;
	padding:5px 0 1px 5px;
	margin-right:10px;
	background:#DDD;
}

dl.works{
	margin:0 0 0 15px;
	padding:0;
	color:#666666;
	font-size:90%;
}

dl.works dt{
	font-size:110%;
	font-weight:bold;
	padding:0 0 2px 0;
	border-bottom:1px solid #DDD;
}

dl.works dd{
	padding:0 0 15px 15px;
	margin-right:10px;
}
.img_ss_w250_left{
	margin:0px 10px 0px 0px;
}	
.img_ss_w250_right{
	margin:0px 0px 0px 10px;
}

.worksNavi{
	margin-left:15px;
	color: #333333;
}

.outlineBox{
	margin:0 15px 0 15px;
}

.footer{
	clear:left;
	font-size:90%;
	color:#8C3407;
	margin:0 11px 0.5em 11px;
}