/*

    Basic

*/
body { color: #333333;}
.paragraph   { font-size: 1.4em;}
h1 { font-size: 2.0em;}
h2 { font-size: 1.8em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.4em;}
h5 { font-size: 1.4em;}
h6 { font-size: 1.4em;}
a:link    { color: #20579B;}
a:hover   { color: #9B3420;}
a:visited { color: #20579B;}





/*

    Layout

*/
h1 {
	width: 930px;
	height: 150px;
	margin: 0 auto 125px;
	overflow: hidden;
}
#c_gnav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 275px;
}
#c_gnav .Navigation {
	width: 940px;
	height: 272px;
	margin: 3px auto 0;
}
#c_content {
	width: 900px;
	margin: 0 auto;
}
#c_content:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
#c_content #c_main {
	float: left;
	width: 620px;
	padding-bottom: 15px;
}
#c_content #c_sub {
	float: left;
	width: 280px;
	padding-bottom: 15px;
}
#c_footer {
	width: 100%;
}
#c_footer .Navigation {
	width: 940px;
	margin: 0 auto;
}
#c_footer .Sign {
	width: 940px;
	margin: 0 auto;
}





/*

    Body

*/
body {
	background-image: url("images/common/body.bg.gif");
	background-repeat: repeat-y;
	background-position: center top;
}





/*

    Page title

*/
#c_gnav .Navigation .Contents {
	height: 175px;
	background-image: url("images/pagetitle/default.jpg");
	background-position: 20px 55px;
}





/*

    Navigation

*/

/*  Common  */
#c_gnav {
	background-image: url("images/common/gnav.bg.gif");
	background-repeat: repeat-x;
}
#c_gnav .Navigation {
	background-image: url("images/common/gnav.bg2.gif");	
	background-position: center bottom;
}
#c_gnav .Navigation ul,
#c_gnav .Navigation ul li {
	margin: 0;
	list-style: none;
}

/*  Site  */
#c_gnav .Navigation .Site li {
	width: 585px;
	height: 100px;
	margin: 0;
	overflow: hidden;
}
#c_gnav .Navigation .Site li a {
	display: block;
	padding-top: 105px;
	background-image: url("images/common/logo.gif");
}

/*  Contents  */
#c_gnav .Navigation .Contents li {
	float: left;
	width: 186px;
	height: 45px;
	overflow: hidden;
}
#c_gnav .Navigation .Contents li a {
	display: block;
	padding-top: 50px;
	background-image: url("images/common/gnav.btn.gif");
}
#c_gnav .Navigation .Contents li.Toppage { width: 190px;}
#c_gnav .Navigation .Contents li.Contact { width: 192px;}
#c_gnav .Navigation .Contents li.Toppage a { background-position: 0 0;}
#c_gnav .Navigation .Contents li.About   a { background-position: -190px 0;}
#c_gnav .Navigation .Contents li.News    a { background-position: -376px 0;}
#c_gnav .Navigation .Contents li.Result  a { background-position: -562px 0;}
#c_gnav .Navigation .Contents li.Contact a { background-position: -748px 0;}
#c_gnav .Navigation .Contents li.Toppage a:hover { background-position: 0 -45px;}
#c_gnav .Navigation .Contents li.About   a:hover { background-position: -190px -45px;}
#c_gnav .Navigation .Contents li.News    a:hover { background-position: -376px -45px;}
#c_gnav .Navigation .Contents li.Result  a:hover { background-position: -562px -45px;}
#c_gnav .Navigation .Contents li.Contact a:hover { background-position: -748px -45px;}
body.Toppage #c_gnav .Navigation .Contents li.Toppage a { background-position: 0 -90px;}
body.About   #c_gnav .Navigation .Contents li.About   a { background-position: -190px -90px;}
body.News    #c_gnav .Navigation .Contents li.News    a { background-position: -376px -90px;}
body.Result  #c_gnav .Navigation .Contents li.Result  a { background-position: -562px -90px;}
body.Contact #c_gnav .Navigation .Contents li.Contact a { background-position: -748px -90px;}





/*

    Footer

*/

/*  Common  */
#c_footer {
	background-color: #585858;
	background-image: url("images/common/footer.bg.gif");
	background-repeat: repeat-x;
}
#c_footer .Navigation ul,
#c_footer .Navigation ul li {
	margin: 0;
	list-style: none;
}
#c_footer div.Page {
	background-image: url("images/common/fnav.bg2.gif");
	background-position: center bottom;
	background-repeat: repeat-y;
}

/*  To pagetop  */
#c_footer .Navigation .Page {
	height: 25px;
	padding-left: 790px;
	overflow: hidden;
}
#c_footer .Navigation .Page li.Pagetop {
	width: 125px;
	height: 25px;
	overflow: hidden;
}
#c_footer .Navigation .Page li.Pagetop a {
	display: block;
	padding-top: 30px;
	background-image: url("images/common/topagetop.btn.gif");
}
#c_footer .Navigation .Page li.Pagetop a:hover {
	background-position: 0 -25px;
}

/*  Footer navigation  */
#c_footer .Navigation .Contents {
	width: 185px;
	margin: 25px 0 10px 20px;
	padding: 5px 0;
	background-image: url("images/common/fnav.bg.gif");
	background-repeat: repeat-y;
	background-position: right bottom;
}
#c_footer .Navigation .Contents li a {
	padding-left: 10px;
	background-image: url("images/common/fnav.btn.gif");
	background-position: left center;
	color: #FFFFFF;
}
#c_footer .Navigation .Contents li a:hover {
	color: #9b3420;
}

/*  Sign  */
#c_footer div.Contents {
	background-image: url("images/common/sign.gif");
	background-position: right center;
}
#c_footer .Sign {
	height: 5px;
	overflow: hidden;
}
#c_footer .Sign address {
	padding-top: 10px;
}





/*

    Sub contents

*/

/*  Common  */
#c_sub .section {
	width: 270px;
	margin: 0 0 15px 10px;
	padding-bottom: 0;
}
#c_sub .section .paragraph {
	margin: 0;
	padding: 0;
}
#c_sub .section .paragraph ul,
#c_sub .section .paragraph ul li {
	margin: 0;
	list-style: none;
}

/*  Detail - result  */
#c_sub #sub_result .paragraph p {
	width: 270px;
	height: 80px;
	overflow: hidden;
}
#c_sub #sub_result .paragraph p a {
	display: block;
	padding-top: 85px;
	background-image: url("images/sub/result.btn.gif");
}
#c_sub #sub_result .paragraph p a:hover {
	background-position: 0 -80px;
}

/*  Detail - contact  */
#c_sub #sub_contact .paragraph p {
	width: 270px;
	height: 50px;
	overflow: hidden;
}
#c_sub #sub_contact .paragraph p a {
	display: block;
	padding-top: 55px;
	background-image: url("images/sub/contact.btn.gif");
}
#c_sub #sub_contact .paragraph p a:hover {
	background-position: 0 -50px;
}

/*  Detail - banner  */
#c_sub #sub_banners .paragraph ul li {
	width: 270px;
	padding-bottom: 7px;
}
#c_sub #sub_banners .paragraph ul li a img {
	display: block;
}

/*  Detail - Result  */
#c_sub #sub_resultlist {
	border: 1px #CCCCCC solid;
}
#c_sub #sub_resultlist h2 {
	padding-left: 10px;
	font-size: 1.4em;
	border-bottom: 1px #CCCCCC solid;
	background-image: url("images/sub/resultlist.h.gif");
	background-position: left bottom;
}
#c_sub #sub_resultlist .paragraph {
	padding: 5px 10px;
	margin: 0;
	background-color: #F6F6F6;
	border: 1px #FFFFFF solid;
}
#c_sub #sub_resultlist .paragraph ul li a {
	padding-left: 12px;
	background-image: url("images/sub/resultlist.lm.gif");
	background-position: left center;
}

/*  Detail - member  */
#c_sub #sub_member {
	border: 1px #CCCCCC solid;
}
#c_sub #sub_member .paragraph {
	padding: 5px 10px;
	background-color: #F6F6F6;
	border: 1px #FFFFFF solid;
}





/*

    Main contents

*/

/*  Common  */
#c_main .section {
	margin: 0 0 20px;
	padding: 0 20px 20px;
	background-color: #EEEEEE;
}
#c_main .section .section {
	padding: 0;
	background: none;
}
#c_main .section h2 {
	min-height: 40px;
	height: auto !important;
	height: 40px;
	margin: 0 -20px 10px;
	padding-left: 20px;
	background-image: url("images/main/section.h.gif");
	line-height: 35px;
}
#c_main .section h3 {
	padding-left: 8px;
	background-image: url("images/main/section.h3.gif");
	background-position: left center;
}
#c_main .section .paragraph table {
	width: 580px;
	border-top: 1px #CCCCCC solid;
}
#c_main .section .paragraph table th {
	background-color: #E6EEEF;
	border: none;
	border-bottom: 1px #CCCCCC solid;
	vertical-align: top;
}
#c_main .section .paragraph table td {
	background-color: #FFFFFF;
	border: none;
	border-bottom: 1px #CCCCCC solid;
}
#c_main .section .paragraph table table {
	width: auto;
	border: none;
}
#c_main .section .paragraph table table th,
#c_main .section .paragraph table table td {
	padding: 1px;
	background: none;
	border: none;
}
#c_main .section .paragraph table table th {
	padding-right: 15px;
}
