﻿@charset "utf-8";

/* CSS Document */
/* base -------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../Images/bg01.gif) repeat bottom left;
	font-size: 75%;
	color: #333333;
	line-height: 150%;
	font-weight: normal;
	letter-spacing: 0;
	font-family: 'qMmpS Pro W3', 'Hiragino Kaku Gothic Pro', 'CI', 'Meiryo', 'lr oSVbN', 'sans-serif';
}

p {
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
}

img {
	border-width: 0px;
}

h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0px;
}

h2#cf-pttl {
	background: url(../Images/pttl_bg.gif) bottom left repeat-x;
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 17px 11px 17px;
	margin-top: 0px;
	/* for WinIE6 hack */_margin-top: -8px;
}

	*+html h2#cf-pttl {/* for WinIE7 hack */
		padding: 10px 17px 11px 17px;
		margin-top: -5px;
	}

h2#cf-pttl2 {
	background: url(../Images/pttl_bg2.gif) bottom left repeat-x;
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 17px 11px 17px;
	margin-top: 0px;
	/* for WinIE6 hack */_margin-top: -8px;
}

	*+html h2#cf-pttl2 {/* for WinIE7 hack */
		padding: 10px 17px 11px 17px;
		margin-top: -5px;
	}

h3 {
	margin: 5px 0px 10px 0px;
}

a:link,
a:visited {
	color: #cc0000;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #660000;
	text-decoration: none;
}

/* style */
.arrow {
	background: url(../Images/icn_arrow_off.gif)  top left no-repeat;
	padding-left: 10px;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.middle {
	vertical-align: middle;
}

.nowrap {
	white-space: nowrap;
}

.wordbreak {
	word-break:break-all;
	white-space: normal;
}

.strong {
	font-weight: bold;
}

.disabled {
	color: #808080;
}

.bottom-block {
	padding-bottom: 30px;
}

.ajax-modal-back
{
	BACKGROUND-COLOR: #cccccc;
	FILTER: alpha(style=0, opacity=30);
	OPACITY: 0.3;
}

/* header -------------------------------------------------- */
#hdr {
	background: url(../Images/hdr_bg01.gif) repeat-x top left;
	width: 740px;
	height: 74px;
}

	.hdr_logo {
		margin: 17px 0px 0px 16px;
		float: left;
	}

	.hdr_logo2 {
		margin: 0px 0px 0px 16px;
		float: left;
	}
	
	/* subnavi */
	#cf-subnavi {
		background: url(../Images/hdr_subnavi_bg01.gif) no-repeat top left;
		width: 398px;
		height: 72px;
		float: right;
		padding: 5px 0px 0px 0px;
		margin: 0px;
	}
	
		#cf-subnavi:after { 
			clear: both; 
		} 
	
	#cf-subnavi img {
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}
	
	#cf-subnavi img.menu01 {
		margin: 0px 0px 0px 230px;
	}
	
	#cf-subnavi img.btn {
		margin: 10px 0px 0px 201px;
	}

/* mainmenu -------------------------------------------------- */
#cf-mainmenu {
	width: 272px;
	background: url(../Images/menu_bg03.gif) top left repeat-y;
	margin: 0px 0px 40px 20px;
	/* for WinIE6 hack */_margin: 0px 0px 40px 10px;
	float: left;
}
	#cf-mainmenu * {
		margin: 0;
	}

	#cf-mainmenu div.menu-btn {
		background: url(../Images/menu_bg01.gif) top left no-repeat;
		padding: 10px 0px 0px 0px;
	}
	
		#cf-mainmenu div.menu-btn .btn {
			padding: 0px 0px 10px 36px;
		}
	
	#cf-mainmenu ul {
		padding: 10px 10px 10px 13px;
	}

	#maintenance {
		margin: 10px 0px 0px;
	}
	
		#cf-mainmenu ul img {
			padding-bottom: 8px;
		}
	
		#cf-mainmenu li {
			margin-left: 25px;
			list-style-image: url(../Images/icn_arrow_off.gif);
			margin-bottom: 5px;
		}
		
		#cf-mainmenu li.nolink {
			list-style-type: disc;
			list-style-image:none;
			color: #666666;
		}
		
			#cf-mainmenu li a {
				color: #333333;
			}
			
			#cf-mainmenu li a:hover {
				color: #660000;
			}

	#cf-mainmenu img.menu-bottom {
		margin-top: 10px;
	}

/* contents -------------------------------------------------- */
#contents-wrapper {
	width: 100%;
}

#contents-wrapper01 {
	background: url(../Images/bg03.gif) repeat-y bottom left;
	margin: 0 auto 0 auto;
	width: 750px;
	padding-top: 15px;
}
	/* hack--clearfix */
	#contents-wrapper01:after {
		content: " ";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	* html #contents-wrapper01 {/* for IE */
		/*\*/height:1%;/* for WinIE*/
		display:inline-table;/* for MacIE*/
	}

#contents-wrapper02 {
	background: url(../Images/bg02.gif) repeat-y bottom left;
	margin: 0 auto 0 auto;
	width: 750px;
	padding-top: 15px;
}
	/* hack--clearfix */
	#contents-wrapper02:after {
		content: " ";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	* html #contents-wrapper02 {/* for IE */
		/*\*/height:1%;/* for WinIE*/
		display:inline-table;/* for MacIE*/
	}

#contents-wrapper03 {
	background: url(../Images/bg04.gif) repeat-y bottom left;
	margin: 0 auto 0 auto;
	width: 750px;
	padding-top: 15px;
}
	/* hack--clearfix */
	#contents-wrapper03:after {
		content: " ";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	* html #contents-wrapper03 {/* for IE */
		/*\*/height:1%;/* for WinIE*/
		display:inline-table;/* for MacIE*/
	}

#under-wrapper-index {
	background: url(../Images/bg_under01.gif) repeat-x top left;
	width: 100%;
	padding: 3px 0px 0px 0px;
}

#under-wrapper02-index {
	background: url(../Images/bg_under02.gif) no-repeat top left;
	width: 740px;
	text-align: left;
	padding: 0px 5px 0px 5px;
	margin: 0 auto 0 auto;
	text-align: center;
}

/* contents class -------------------------------------------------- */
.contents-wrapper {
	width: 100%;
}

.contents-wrapper02 {
	background: url(../Images/bg02.gif) repeat-y bottom left;
	margin: 0 auto 0 auto;
	width: 750px;
	padding-top: 15px;
	background-color:White !important;
}
	/* hack--clearfix */
	.contents-wrapper02:after {
		content: " ";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	* html .contents-wrapper02 {/* for IE */
		/*\*/height:1%;/* for WinIE*/
		display:inline-table;/* for MacIE*/
	}

.under-wrapper-index {
	background: url(../Images/bg_under01.gif) repeat-x top left;
	width: 100%;
	padding: 3px 0px 0px 0px;
}

.under-wrapper02-index {
	background: url(../Images/bg_under02.gif) no-repeat top left;
	width: 740px;
	text-align: left;
	padding: 0px 5px 0px 5px;
	margin: 0 auto 0 auto;
	text-align: center;
}

/* copyright -------------------------------------------------- */
#copyright-wrapper {
	background: url(../Images/bg03.gif) repeat-y bottom left;
	margin: 0 auto 0 auto;
	width: 750px;
	padding-top: 30px;
}

#copyright-wrapper2 {
	background: url(../Images/bg05.gif) repeat-y bottom left;
	margin: 0 auto 0 auto;
	width: 750px;
	padding-top: 30px;
}

#copyright {
	background: url(../Images/copyright_bg01.gif) repeat-x top left;
	width: 740px;
	height: 42px;
	margin: 0px auto;
	text-align: center;
	clear: both; 
}

	#copyright img {
		margin: 17px 0px 0px 0px;
	}
	
	.padding0
{
    padding:0 !important;
}
