@charset "utf-8";



/* ----------------------------------------

 *   style.css

 * ---------------------------------------- */





a:link,

a:active,

a:visited {

	color: #c43178

	text-decoration: underline;

}

a:hover {

	color: #c43178

	text-decoration: none;

}





/* ----------------------------------------

 *   header

 * ---------------------------------------- */



#header #box1 {

	width: 100%;

	background: #000000;

}

#header #box2 {

	width: 900px;

	margin: 0 auto;

	padding: 10px 0 11px 0;

}

#header #box2 .menu {

	width: 350px;

	text-align: right;

	color: #ffffff;

	float: left;

}

#header #box2 .menu a:link,

#header #box2 .menu a:active,

#header #box2 .menu a:visited {

	color: #ffffff;

	text-decoration: underline;

}

#header #box2 .menu a:hover {

	color: #ffffff;

	text-decoration: none;

}



#header #box3 {

	width: 900px;

	margin: 0 auto;

	clear: both;

}

#header #box3 ul {

	width: 500px;

	margin: 25px 0 0 0;

	float: right;

}

#header #box3 ul li {

	margin: 0 0 0 10px;

	float: right;

}

#header #box3 ul li a {

	width: 108px;

	padding: 9px 10px;

	background: url(../image/h_btn01.gif) #efefef repeat-x left top;

	border: 1px solid #e1e1e1;

	text-align: center;

	color: #000000;

	font-weight: bold;

	display: block;



}

#header #box3 ul li a:link,

#header #box3 ul li a:active,

#header #box3 ul li a:visited {

	color: #000000;

	text-decoration: none;

}

#header #box3 ul li a:hover {

	background: #000000;

	border: 1px solid #666666;

	color: #ffffff;

	text-decoration: none;

}





/* ----------------------------------------

 *   menu

 * ---------------------------------------- */



#menu li {

	float: left;

}

#menu li a {

	width: 130px;

	padding: 18px 10px;

	background: url(../image/h_menu01.gif) repeat-y left top;

	text-align: center;

	color: #ffffff;

	font-size: 14pt;

	font-weight: bold;

	display: block;

}

#menu li.end a {

	background: url(../image/h_menu03.gif) repeat-y left top;

}

#menu li a:link,

#menu li a:active,

#menu li a:visited,

#menu li a:hover {

	color: #ffffff;

	text-decoration: none;

}

#menu li a:hover {

	background: url(../image/h_menu02.gif) repeat-y left top;

}

#menu li.end a:hover {

	background: url(../image/h_menu04.gif) repeat-y left top;

}





/* ----------------------------------------

 *   contents

 * ---------------------------------------- */



#contents #tit {

	width: 820px;

	padding: 30px;

	background: url(../image/h_bg01.gif) #000000 repeat-x left top;

	color: #ffffff;

	font-size: 13pt;

	font-weight: bold;

	clear: both;

}





/* ----------------------------------------

 *   sub

 * ---------------------------------------- */



#sub #box1 {

	width: 200px;

	margin: 0 0 15px 0;

	padding: 15px 15px 8px 15px;

	background: #2d2d30;

}

#sub #box1 ul {

	width: 200px;

}

#sub #box1 ul li a {

	width: 170px;

	margin: 0 0 7px 0;

	padding: 14px 15px;

	background: url(../image/s_menu01.gif) #ffffff no-repeat left bottom;

	font-weight: bold;

	display: block;

	text-align: center;	

}

#sub #box1 ul li a:link,

#sub #box1 ul li a:active,

#sub #box1 ul li a:visited {

	color: #000000;

	text-decoration: none;

}

#sub #box1 ul li a:hover {

	background: url(../image/s_menu02.gif) #c0c0c0 no-repeat left bottom;

	color: #ffffff;

	text-decoration: none;

}





/* ----------------------------------------

 *   main

 * ---------------------------------------- */



#main #box1,

#main #box2 {

	width: 630px;

	margin: 0 0 20px 0;

}

#main #box1 .img {

	width: 300px;

	margin: 0 20px 0 0;

	float: left;

}

#main #box1 .txt {

	width: 300px;

	padding: 2px 10px 0 0;

	line-height: 1.4;

	float: left;

}

#main #box1 .txt p {

	line-height: 1.4;

}

#main #box2 .img {

	width: 130px;

	margin: 0 10px 0 0;

	float: left;

}

#main #box2 .txt {

	width: 160px;

	padding: 2px 15px 0 0;

	line-height: 1.4;

	float: left;

}

#main #box2 .txt p {

	line-height: 1.4;

}

#main ul#box3 {

	width: 660px;

}

#main ul#box3 li {

	width: 620px;

	padding: 2px 10px 12px 30px;

	margin: 0 0 12px 0;

	background: url(../image/m_icon01.gif) no-repeat 10px 3px;

	border-bottom: 1px solid #e1e1e1;

}

/* ----------------------------------------

 *   mainmenu

 * ---------------------------------------- */



#mainmeu #box1,

#mainmenu #box2 {

	width: 830px;

	margin: 0 0 20px 0;

}

#mainmenu #box4 {

	width: 830px;

	margin: 0 0 20px 0;

}

#mainmenu #box5 {

	width: 830px;

	margin: 0 0 20px 0;

}

#mainmenu #box1 .img {

	width: 774px;

	margin: 0 20px 0 0;

	float: left;

}

#mainmenu #box1 .txt {

	width: 798px;

	padding: 2px 10px 0 0;

	line-height: 1.4;

	float: left;

}

#mainmenu #box1 .txt p {

	line-height: 1.4;

	font-size: 11pt;

}

#mainmenu #box2 .img {

	width: 130px;

	margin: 0 10px 10px 0;

	float: left;

}

#mainmenu #box2 .txt {

	width: 250px;

	height:150px;

	padding: 2px 15px 0 0;

	line-height: 1.4;

	font-size: 11pt;

	float: left;

}

#mainmenu #box2 .txt p {

	line-height: 1.4;

}

#mainmenu ul#box3 {

	width: 630px;

}

#mainmenu ul#box3 li {

	width: 590px;

	padding: 2px 10px 12px 30px;

	margin: 0 0 12px 0;

	background: url(../image/m_icon01.gif) no-repeat 10px 3px;

	border-bottom: 1px solid #e1e1e1;

}

#mainmenu #box4 .img {

	width: 130px;

	margin: 0 10px 10px 0;

	float: left;

}

#mainmenu #box4 .txt {

	width: 300px;

	padding: 2px 15px 10px 0;

	line-height: 1.4;

	font-size: 11pt;

	float: left;

	border-bottom: 1px solid #e1e1e1;

	

}

#mainmenu #box4 .txt p {

	line-height: 1.4;

}

#mainmenu #box5 .img {

	width: 100px;

	margin: 0 10px 10px 10px;

	float: left;

}

#mainmenu #box5 .txt {

	width: 690px;

	height:50px;

	padding: 2px 15px 10px 0;

	line-height: 1.4;

	font-size: 11pt;

	float: left;

	

}

#mainmenu #box5 .txt p {

	line-height: 1.4;

}

#mainmenu #box6 .img {

	width: 130px;

	margin: 0 10px 10px 0;

	float: left;

}

#mainmenu #box6 .txt {

	width: 798px;

	padding: 2px 15px 10px 0;

	line-height: 1.4;

	font-size: 11pt;

	float: left;

	border-bottom: 1px solid #e1e1e1;

	

}

#mainmenu #box6 .txt p {

	line-height: 1.4;

}



/* ----------------------------------------

 *   span

 * ---------------------------------------- */



span.red {

	color: #FF0000;

} 

 



/* ----------------------------------------

 *   etc

 * ---------------------------------------- */

 

#header #box2:after,

#header #box3:after,

#header #box3 ul:after,

ul#menu:after,

#contents:after,

#main #box1:after,

#main #box2:after {

	content:"";

	display: block;

	height: 0px;

	clear: both;

	visibility: hidden;

}