@charset "UTF-8";

/* ------------------------------
 __Default Style Clear
------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{
	margin: 0;
	padding: 0;
	}

html {
	overflow-y: scroll;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	}

ol,ul {
	list-style: none;
	}

fieldset,img {
	border: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

caption,th {
	text-align: left;
	}

address,caption,cite,code,dfn,em,strong,ht,var {
	font-style: normal;
	}

hr {
	border: 0;
	height: 0px;
	}



/* ------------------------------
 基本
------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-size: 81.25%;
	font-family: "ヒラギノ角ゴ pro W3","MS Pゴシック",verdana, arial, 
sans-serif;
	color: #3E3D37;
	}
	
a {
	color: #0391BE;
	text-decoration: none;
	}

a:hover {
	color: #ff6633;
	text-decoration: none;
	}

hr {
	margin: 0.5em 0 2.5em;
	padding: 0;
	border-top: 1px solid #CCC;
	background: none;
	clear: both;
	}

.fts {
	font-size: 85%;
	}

.ftl {
	font-size: 1.2em;
	}

.aright {
	display: block;
	text-align: right;
	}

.shade {
	margin-bottom: 1em;
	border-right: 1px solid #E3E3E3;
	border-bottom: 2px solid #E3E3E3;
	}

.red {
	color: #FF0000;
	}

.imgLeft {
	float: left;
	margin: 0 1.5em 1.5em 0;
	}

.imgRight {
	float: right;
	margin: 0  0 1.5em 1.5em;
	}

.col1{
	color: #FF2D03;　/* 朱色 */

	}

.col2{
	color: #FCEB04;　/* 黄色 */
	}



/* ------------------------------
 =wrapper
------------------------------- */

#wrapper {
	position: relative;
	width: 780px;
	margin: 30px auto;
	padding: 0;
	font-size: 1em;
	line-height: 1.4em;
	}



/* ------------------------------
 =header
------------------------------- */

#header {
	position: relative;
	margin: 0;
	padding: 60px 0 0;
	}

#header h1{
	position: absolute;
	top: 0;
	left: 0;
	}
	
.nav {
	position:absolute;
	top: 20px;
	right: 0px;
	margin:0;
	padding: 0 10px 0 0;
	text-align: left;
	border-bottom: 2px solid #E9E9E9;
	}

.nav li {
	display: inline;
	padding: 0 10px 0 0;
	line-height: 2em;
	}

.nav li.last{
	padding: 0 0 0 0;
	border-right: none; 
	}



/* ------------------------------
 =globalNav
------------------------------- */

#glovalNav {
	width: 770px;
	height: 30px;
	margin: 0;
	padding: 0 5px;
	background: url(../images/gn.gif) no-repeat;
	}

#glovalNav ul,
#glovalNav li,
#glovalNav a{
	display: block;
	margin: 0;
	padding: 0;
	}

#glovalNav li{
	float: left;
	line-height: 28px;
	white-space: nowrap;
	}
	
#glovalNav a{
	padding: 1px 10px;
	background: url(../images/gn_menu.gif) no-repeat left top;
	border-right: 1px solid #FFC8B4;
	color: #FFFFFF;
	}
#glovalNav a:hover{
	background: url(../images/gn_menu.gif) no-repeat left -120px;
	color: #FFFFFF;
	}
#glovalNav .now{
	padding: 1px 10px;
	background: url(../images/gn_menu.gif) no-repeat left -30px;
	border-right: 1px solid #FFC8B4;
	color: #FF9966;
	}



/* ------------------------------
 =contents
------------------------------- */

#contents {
	position: relative;
	width: 780px;
	margin: 10px 0 0;
	padding: 0;
	}

#contents h2{
	margin: 1.5em 0 1em;
	font-size: 120%;
	font-weight: bold;
	color: #FF0000;
	}


/* ------------------------------
 =main
------------------------------- */

#main {
	position: relative;
	margin: 0;
	padding: 0 0 13px;
	}

.catch {
	position: absolute;
	left: 230px;
	top: 127px;
	z-index: 1;
	}



/* ------------------------------
 =sub
------------------------------- */

#sub {
	position: absolute;
	top: 0;
	right: 0;
	width: 370px;
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
	}

#sub a{
	display: block;
	margin: 0;
	padding: 0;
	width: 370px;
	height: 130px;
	color: #000000;
	}

#sub a.boxY{
	margin-bottom: 10px;
	background: url(../images/box_y.gif) no-repeat;
	}

#sub a:hover{
	background-position: left -230px;
	color: #ff6633;
	}
	
	
#sub h2{
	margin: 0 0 0 0;
	padding: 15px 15px 10px;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: -0.5px;
	color: #000000;
	}
	
#sub p{
	margin: 0;
	padding: 0 25px;
	width: 280px;
	}
	
#sub ul.ban{
	margin: 0;
	padding: 5px 0 0;
	width: 370px;
	text-align: center;
	}
	
#sub ul.ban li{
	padding: 0 0 12px;
	}

#sub ul.ban a{
	display: inline;
	}



/* ------------------------------
 =news
------------------------------- */

#news {
	width: 378px;
	margin: 0;
	padding: 0;
	}

#news iframe{
	border: 2px solid #ffff4d;
	}

#newscont {
	margin: 0;
	padding: 10px 15px;
	}

#newscont li{
	margin: 0 0 1.1em;
	padding: 0;
	}




/* ------------------------------
 =footer
------------------------------- */

#footer {
	padding: 20px 0 30px;
	text-align: center;
	color: #999999;
	clear: both;
	}

.footerNav{
	font-size: 85%;
    margin: 0 0 10px;
    padding: 10px;
	border-top: 2px solid #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
	}

.footerNav li{
    display: inline;
	padding: 0 20px 0 10px;
	background: url(../images/arrow_blue.gif) no-repeat;
	}

.footerNav li.noa{
	padding-left: 0;
	background: none;
	}

.copyright{
	font-size: 77%;
	line-height: 1.4em;
	}