@charset "UTF-8";

* {
	font-family: 'Muli', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo",sans-serif;
	font-weight:400;
	margin:0px;
	padding:0px;
	font-size:small;
}


/*=======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;
	}

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

body{
	background:#ECEEE1 url(../bg.jpg) repeat-x;
	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;
}

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:5px 11px 11px 11px;
}

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

.idx_body_det{
	width:529px;
	background:url(../images/cts_body_bg.gif) repeat-y;
	margin:5px 0 0 0;
	font-size:85%;
	//font-size:95%;
}

.cts_body_det{
	width:529px;
	background:url(../images/cts_body_bg.gif) 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.7em;
		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_select{
	width:259px;
	height:195px;
	background:url(../images/idx_select.jpg) no-repeat;
}

	.idx_select_banner{
		text-align:center;
		padding-top:35px;
		margin:0px !important;
	}

	.idx_select p{
		margin:3px 15px 0px 20px;
		font-size:80%;
		color:#FFF;
		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.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;
}


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