@charaset "UTF-8";

* { margin:0; padding:0; }

body,textarea,input,select { font-family:メイリオ,'hiragino kaku gothic pro',sans-serif; font-size:82%; }

img { border:0; }
li { list-style-type:none; }

/* form系オプション
form { display:inline; }
input,select,textarea { font-size:14px; line-height:20px; }
input[type="text"],input[type="password"],input[type="text"] { height:20px; padding:0 2px; margin-right:0.1em; }
input[type="submit"] { height:24px; display:inline; margin:0; }
input[type="checkbox"] { height:20px; margin-right:0.1em; }
input[type="radio"] { margin-right:0.1em; }
select { height:24px; margin-top:1px; }
textarea { padding:2px; }
optgroup { font-style:normal; }
*/

html{
	text-align: center;
	height: 100%;
}

body{
	margin: 0 auto;
	text-align: left;
	height: 100%;
	width: 792px;
	background: url(../img/bg_content.gif) top repeat-y #F5F5F5 !important;
	background: url(../img/bg_content2.gif) top repeat-y #F5F5F5;
	position: relative;
}

#wrap{
	margin-bottom: -2.5em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-right: 8px;
}

#footer, .push{
	height: 2.5em;
}

#content_wrap{
	width: 576px;
	background: url(../img/bg_head.gif) top repeat-x;
	float: right;
	padding-bottom: 52px;
}


/* =========================================
   ヘッダー部分 */

#header{
	padding-top: 22px;
	height: 88px;
	background: url(../img/bg_head2.gif) bottom repeat-x;
}

#header #site-logo{
	float: left;
	margin-left: 16px;
	background-color: blue;
	width: 250px;
}

#flash_wrap{
	padding-bottom: 3px;
	height: 182px;
	background: url(../img/bg_flash.gif) bottom repeat-x #f5f5f5;
}

#header div{
	text-align: right;
	padding-right: 16px;
	position: relative;
	width: 294px;
	height: 64px;
	float: right;
}

#header div p{
	padding-top: 10px;
	white-space: nowrap;
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#header img{
	vertical-align: top;
}

/* =========================================
   メニュー部分 */
#sidebar {
	width: 194px;
	padding-top: 124px;
	background: url(../img/menu_header.gif) no-repeat top;
}

#sidebar img{
	vertical-align: top;
}

#main_menu{
	margin-bottom: 7px;
}

#main_menu li{
	padding-bottom: 12px;
	background: url(../img/bg_menu.gif) bottom no-repeat;
}

#main_menu li.last{
	padding-bottom: 14px;
	background: url(../img/bg_menu_footer.gif) bottom no-repeat;
}

#main_menu li img, #sub_menu li img{
	vertical-align: top;
}

#sub_menu{
	padding-top: 7px;
}

#sub_menu li.last{
	padding-top: 2px;
}

#procedure{
	padding-top: 7px;
	margin-bottom: 10px;
}

#menu_char, #sub_menu li.last img, #procedure{
	padding-bottom: 7px;
	background: url(../img/bg_gradation.gif) bottom no-repeat;
}

/* =========================================
   フッター部分 */

#footer{
	margin: 0 8px 0 208px;
	background-color: #919191;
	color: white;
	clear: both;
}

#footer p, #footer li{
	font-size: 10px;
}

#footer ul{
	float: right;
	padding-top: 6px;
	margin-right: 4px;
	line-height: 1.4em;
}

#footer ul li{
	float: left;
	padding: 0 12px;
	border-right: 1px solid white;
	vertical-align: middle;
}

#footer ul li a, #footer ul li a:link{
	color: white;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFF;
}

#footer ul li.last{
	border-right: none 0px;
}

#footer p{
	padding-top: 6px;
	margin-left: 12px;
	white-space: nowrap;
}

/* =========================================
   メインコンテンツ部分 */

#content{
	padding: 16px;
}

#content p{
	margin-bottom: 16px;
	font-size: 13px;
}

.colum{
	margin-top: 16px;
	background: url(../img/bg_colum.gif) repeat-y top;
	border-bottom: 1px solid #E6E6E6;
}

.colum ul, .colum p{
	margin: 8px 16px 12px 19px;
}

.colum ul li{
	 background: url(../img/list-item_01.gif) left no-repeat;
	 padding-left: 12px;
}