@charset "utf-8";
/*=========================================================
	Layout - 各レイアウトに関する設定
=========================================================*/

/*======================================
	General Layout
=======================================*/
/*--- clearfix */
div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div {
	zoom: 100%;
}
/*--- reset */
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	text-align: center; /* Centering for IE6 */
	color: #3a3f41;
	background: #6ccefb;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
	vertical-align:bottom;
}

/*======================================
	div#rap
=======================================*/

div#indexrap {
	background: url(../images/indexbg_x.jpg) repeat-x;
}
div#subrap {
	background: url(../images/subbg_x.jpg) repeat-x;
}
.rap {
	width: 810px;
	margin: 0px auto;
}


/*======================================
	div#head
=======================================*/

div#head {
	text-align: right;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	text-align: left;
}
div#head div.txt {
	height: 30px;
	line-height: 1.2em;
	width: 810px;
	margin: 0 auto;
}
* html body div#head div.txt {
}
div#head div.txt h1,
div#head div.txt p {
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
}


h2.logo {
	width: 348px;
	float: left;
}
div.menu {
	width: 462px;
	float: left;
	padding: 0;
	margin: 0;
}
div.menu ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
}
div.menu li {
	list-style: none outside;
	margin: 0;
	padding: 0;
	float: left;
}


/*======================================
	div#indeximage
=======================================*/

div#indeximage {
	background: url(../images/index_main.jpg) no-repeat center top;
	height: 310px;
	margin-top: 5px;
}
div#subimage {
	text-align: center;
	margin: 5px auto 0;
}



/*======================================
	div#contents
=======================================*/

div#contents {
	margin: 0 auto;
	padding: 0;
}

div#contents div.left {
	width: 610px;
	float: left;
	text-align: left;
}
* html body div#contents div.left {
}

div#contents div.right {
	width: 200px;
	float: left;
	text-align: left;
}




/*======================================
	div#contents → div.left
=======================================*/

div#contents div.left h3.left {
	background: url(../images/left_table_head.jpg) no-repeat;
	width: 610px;
	_width: 575px;
	padding: 16px 16px 5px 16px;
	font-size: 18px;
}
div#contents div.left div.left_table {
	background: url(../images/left_table_bg.jpg) repeat-y #111;
	padding: 5px 0px 0px 0px;
}
.left_table p{
	padding:0px 15px;
}
div#contents div.left div.topblock {
	width: 280px;
	margin: 10px 5px 0;
	padding: 5px 0 0;
	float: left;
}
* html body div#contents div.left div.topblock {
	margin: 10px 0px;
	padding: 5px 5px 0;
}
div#contents div.left div.topblock div.pic {
	width: 280px;
}
div#contents div.left div.topblock div.title {
	font-size: 160%;
	border-bottom: 1px dotted #ccd3d7;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
div#contents div.left div.topblock div.comment {
	font-size: 80%;
	padding: 10px 0 5px 0;
	margin: 0 0 5px 0;
	line-height: 1.2em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#contents div.left div.line {
	border-bottom: 1px dotted #ccd3d7;
}

div#contents div.left div.left_table div.table_head {
	background: url(../images/in_table_head.jpg) no-repeat;
	padding: 15px 15px 8px;
	color: #fff;
	font-weight: bold;
	margin-left:15px;
}
div#contents div.left div.left_table div.table {
	background: url(../images/in_table_bg.jpg) repeat-y;
	padding: 10px;
	font-size: 12px;
	margin-left:15px;
}
div#contents div.left div.left_table table th {
	color: #339bca;
	border-bottom: 1px solid #c0ced4;
	padding: 10px 0;
	text-align: left;
	font-size: 12px;
}
div#contents div.left div.left_table table td {
	border-bottom: 1px solid #c0ced4;
	padding: 10px 0;
	font-size: 12px;
}


div#contents div.left div.left_table dl.flow dt {
	list-style: none outside;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px dotted #ccd3d7;
	font-weight: bold;
}
div#contents div.left div.left_table dl.flow dd {
	list-style: none outside;
	padding: 5px 15px 25px 0px;
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 1.5em;
	background: url(../images/vecb.jpg) no-repeat center bottom;
}
div#contents div.left div.left_table dl.flow dd.end {
	padding: 5px 0 0;
	margin: 0;
	background: none;
}



/*======================================
	div#contents → div.right
=======================================*/

div#contents div.right h4 {
	margin: 0;
	padding: 0;
	text-align: center;
}

div#contents div.right div.block {
	margin: 10px 0;
}

div#contents div.right div.pad0-5 {
	padding: 0 5px;
}

div#contents div.right h4.right {
}
div#contents div.right div.right_table {
	background: url(../images/right_table_bg.jpg) repeat-y;
	padding: 5px 0px 0px 0px;
}
div#contents div.right div.right_table ul li {
	list-style: none outside;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px dotted #ccd3d7;
}
div#contents div.right div.right_apps {
	background: url(../images/right_apps.jpg) no-repeat;
	padding: 90px 10px 15px;
	font-size: 80%;
	color: #204a5f;
	font-weight: bold;
	line-height: 1.2em;
}

div#contents div.right div.right_table dl dt {
	list-style: none outside;
	padding: 5px 0;
	margin: 0;
	font-weight: bold;
}
div#contents div.right div.right_table dl dd {
	list-style: none outside;
	padding: 5px 0;
	margin: 0 0 10px;
	font-size: 80%;
	line-height: 1.2em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 1px dotted #ccd3d7;
}



/*======================================
	div#foot
=======================================*/

div#foot {
	background: url(../images/foot_bg.jpg) repeat-x center top;
	margin-top: 10px;
	color: #cfeefc;
	padding: 10px 0 10px;
	text-align: right;
}

div#foot a,
div#foot a:link,
div#foot a:visited,
div#foot a:hover {
	color: #cfeefc;
}