@charset "shift-jis";

/*サイト全体のフォント設定*/
* {
	font-family: Verdana,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,sans-serif;
	color:#333333;
	/*font-size:12px;*/
	}


/*body {
	font-size:12px;
	}*/
/*body,table,input,textarea,td { font-size:12px; line-height:20px;}*/
body,table,td { font-size:12px; line-height:20px;}

#container {
	width:900px;
	margin:auto;
	}

#header_area {
	/*background-color:#0C6;*/
	width:880px;
	margin:auto;
	}


h1 {
	line-height:24px;
	font-size:12px;
	margin:0px;
	/*color:#F00;*/
	float:left;
	/*background-color:#CF0*/
	}
	
	
a img {
    border-style:none;
	}


#header_menu {
	line-height:24px;
	text-align:right;
	float:right;
	}

#site_logo {
	float:left;
	}

.login_info {
	line-height:51px;
	text-align:right;
	float:right;
	}





#siteword {
	border-top:1px solid #999;
	padding:8px 0px 8px 12px;
	margin:8px 0px 4px 0px;
	font-size:14px;
	}


#gnavi {
	background-image:url(pic/gnavi_back.jpg);
	height:51px;
	text-align:center;
	}


#sidemenu_area {
	/*background-color:#F00;*/
	width:216px;
	margin-bottom:48px;
	float:left;
	}

#sidemenu_set {
	vertical-align:top;
	text-align:center;
	padding-top:16px;
	}


/*サイドメニューコンテンツ*/

#smenu_contents_header {
	background-image:url(pic/ttl_hajimete.jpg);
	width:195px;
	height:34px;
	background-repeat:no-repeat;
	margin: auto;
	}

#smenu_contents_area {
	background-image:url(pic/ttl_hajimete_line.jpg);
	width:195px;
	background-repeat:repeat-y;
	text-align:center;
	margin: auto;
	padding:8px 0px 8px 0px;
	}

.smenu_contents_title {
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	margin:8px;
	padding:2px;
	font-size:14px;
	}



#smenu_contents_footer {
	background-image:url(pic/ttl_hajimete_end.jpg);
	width:195px;
	height:9px;
	background-repeat:no-repeat;
	margin: auto;
	}

#smenu_contents_start {
	background-image:url(pic/ttl_hajimete_start.jpg);
	width:195px;
	height:9px;
	background-repeat:no-repeat;
	margin: auto;
	}






/*サイドメニューお勧め*/

.smenu_osusume_contents {
	padding:4px 0px 4px 0px;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	}
#smenu_osusume_header {
	background-image:url(pic/osusume_top.gif);
	width:194px;
	height:8px;
	margin:auto;
	}

#smenu_osusume_area {
	width:194px;
	background-color:#f0f0f0;
	margin:auto;
	}

#smenu_osusume_areaset {
	padding:8px 12px 4px 12px;
	}

.smenu_osusume_list {
	width:160px;
	margin:auto;
	text-align:left;
	}

.smenu_osusume_title {
	margin-top:12px;
	}

#smenu_osusume_footer {
	background-image:url(pic/osusume_bottom.gif);
	width:194px;
	height:8px;
	margin:auto;
	}







#pmark_set {
	width:180px;
	margin:auto;
	text-align:left;
	}


#main_area {
	float:left;
	width:684px;
	margin-bottom:48px;
	}

#main_set {
	margin:16px 0px 0px 20px;
	}





#pan {
	margin:0px;
	height:32px;
	}

















.pagetitle_style1 {border-left:10px solid #999; padding-left:8px; font-size:22px; line-height:28px;}
.pagetitle_style2 {border-left:10px solid #06F; padding-left:8px; font-size:22px; line-height:28px;}
.pagetitle_style3 {border-left:10px solid #C6F; padding-left:8px; font-size:22px; line-height:28px;}
.pagetitle_style4 {border-left:10px solid #F60; padding-left:8px; font-size:22px; line-height:28px;}
.pagetitle_style5 {padding-left:8px; font-size:22px; line-height:28px;}


.hrstyle1 {height:1px; border:none; border-top:2px solid #999; margin-bottom:12px; margin-top:12px;}
.hrstyle2 {height:1px; border:none; border-top:2px solid #999; margin-bottom:4px; margin-top:4px;}
.hrstyle3 {height:1px; border:none; border-top:1px solid #999;}


.headermenu1 {height:1px; border:none; border-top:1px solid #999;}
.headermenu2 {text-align:left; margin:0px auto; padding:0 8px 6px 8px; font-size:14px;}
.headermenu3 {text-align:center; margin-bottom:8px;background-image:url(pic/img058.jpg); background-repeat:repeat-x;}


.line_hight16 { line-height:16px;}
.line_hight20 { line-height:20px;}
.line_hight24 { line-height:24px;}
.line_hight28 { line-height:28px;}
.line_hight32 { line-height:32px;}


.border_gray1 { padding:4px 0 4px 0; border-bottom:3px solid #999; border-top:3px solid #999; text-align:center;}
.border_gray2 { padding:4px 0 4px 4px; border-bottom:5px solid #999; border-top:5px solid #999; text-align:left;}
.border_gray3 { padding:4px 0 4px 0; border-bottom:1px solid #999; border-top:1px solid #999; text-align:center;}

.border_gray3a { padding:4px 0 4px 0; border-bottom:1px solid #999; border-top:1px solid #999; text-align:center;width:180px; margin:0px auto;}
.border_gray4 { border:1px solid #999;}











/*フッター*/
#footer_area {
	padding:8px 24px 48px 24px;
	background-color: #F5F5F5;
	border-top:1px solid #999;
	}


#sitemap_main_area {
	margin-bottom:48px;
	}



.both_cl {
	clear:both;
	}




/*マイデスク*/
#mydesk_main_area {
	margin-bottom:48px;
	}









/*フォント関係*/

/*.font_black {
	color:#000000;
	}
.font_white {
	color:#FFFFFF;
	}
.font_red {
	color:#FF0000;
	}
.font_orange {
	color:#FF6600;
	}
.font_blue {
	color:#003AFF;
	}
.font_green {
	color:#009F63;
	}

.font_bold {
	font-weight:bold;
	}

.fsize_10 {
	font-size:10px;
	}
.fsize_11 {
	font-size:11px;
	}
.fsize_12 {
	font-size:12px;
	}
.fsize_14 {
	font-size:14px;
	}
.fsize_16 {
	font-size:16px;
	}
.fsize_18 {
	font-size:18px;
	}
.fsize_20 {
	font-size:20px;
	}
.fsize_22 {
	font-size:22px;
	}
.fsize_24 {
	font-size:24px;
	}*/




.font_black { color:#000000;}
.font_white { color:#FFFFFF;}
.font_red { color: #FF0000}
.font_orange { color: #FF6600}
.font_blue { color: #003AFF}
.font_green { color: #009F63}

.font_bold { font-weight:bold;}

.font_size10 { font-size:10px;}
.font_size11 { font-size:11px;}
.font_size12 { font-size:12px;}
.font_size14 { font-size:14px;}
.font_size16 { font-size:16px;}
.font_size18 { font-size:18px;}
.font_size20 { font-size:20px;}
.font_size22 { font-size:22px;}
.font_size24 { font-size:24px;}




.font_size18_orange { font-size:18px;color: #FF6600}
.font_size18_blue { font-size:18px;color: #003AFF}
.font_size14_red { font-size:14px;color: #FF0000}










/*アンカーテキストカラー設定*/

a:link { color:#0000ff;}
a:visited {color:#000080;}
a:hover {color:#ff0000;}
a:active {color:#ff8000;}







/* 緊急のお知らせ用 */
.info_title {
	text-align:right;
	color:#FF0000;
	font-size:larger;
}