@charset "utf-8";
/* CSS Document */

/* 
---------------------------------------------------------------------
Typographic Elements
---------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
margin:0;
padding:0;
}

p, dt, dd, a, th, td, li, ul, div {
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
text-decoration:none;
margin:0;
padding:0;
}



/* 
---------------------------------------------------------------------
Links
---------------------------------------------------------------------
*/

a {
margin:0;
padding:0;
font-style:normal;
}
a:link,
a:active {
text-decoration:none;
font-style:normal;
}
a:visited {
font-style:normal;
}
a:hover {
text-decoration:none;
font-style:normal;
}


/* 
---------------------------------------------------------------------
Elements
---------------------------------------------------------------------
*/

html, body {
height:100%;
margin:0;
padding:0;
background:url(../img/bg_body.jpg) repeat;
font-size:12px;
line-height:23px;
letter-spacing:1px;
color:#333;
}

body {
padding-bottom:15px;
}

img {
border:0;
}

br {
letter-spacing:0;
}


/* 
---------------------------------------------------------------------
Head
---------------------------------------------------------------------
*/

#head {
width:100%;
height:140px;
top:0;
position: relative;
background:url(../img/bg_head.jpg) repeat-x;
}

#headers {
width:950px;
height:105px;
top:0;
margin:0 auto;
}

/* Logo
--------------------- */

h1#logo {
top:20px;
margin:0 0 0 5px;
position:relative;
}

div#headLogo {
top:20px;
margin:0 0 0 5px;
position:relative;
}

/* 
---------------------------------------------------------------------
Navigartion Menu
---------------------------------------------------------------------
*/

#navimenu_area {
width:100%;
height:35px;
margin:0;
}

#navimenu {
width:950px;
height:35px;
margin:0 auto;
}

#navimenu ul {
text-align:left;
margin:0;
padding:0;
}
#navimenu li {
float:left;
margin:0;
text-align:center;
line-height:35px;
list-style:none;
}


/* 
---------------------------------------------------------------------
Window Styles
---------------------------------------------------------------------
*/

#window_top {
width:950px;
height:10px;
margin:0 auto 5px;
background:url(../img/bg_window_top.jpg) no-repeat top;
}

#window {
width:950px;
margin:0 auto 0;
padding-bottom:15px;
background:url(../img/bg_window_bottom.jpg) no-repeat bottom;
}


/* 
---------------------------------------------------------------------
Main Contants Styles
---------------------------------------------------------------------
*/

#warpper {
width:950px;
margin:10px auto 0;
}


/* 
---------------------------------------------------------------------
Right Contants Styles
---------------------------------------------------------------------
*/

#right {
float:right;
width:670px;
margin:0 0 0 20px;
font-size:100%;
color:#333;
}

#right_top {
float:left;
width:670px;
margin:0 20px 0 0;
}

/* 
---------------------------------------------------------------------
Contants Styles
---------------------------------------------------------------------
*/

.contant {
width:640px;
margin:15px auto 0;
}

.contant_02 {
width:915px;
margin:20px auto 0 20px;
}

.txtarea_01 {
margin-top:15px;
}

.cnt_area {
width:640px;
margin:15px auto 0;
}


/* Title
--------------------- */

h1.cnt_ttl_01 {
height:35px;
line-height:35px;
padding-left:10px;
background:url(../img/bg_ttl_01.jpg) no-repeat;
font-size:110%;
font-weight:bold;
color:#373B39;
}

h1.cnt_ttl_03 {
height:35px;
line-height:35px;
padding-left:10px;
background:url(../img/bg_ttl_02.jpg) no-repeat;
font-size:110%;
font-weight:bold;
color:#373B39;
}

h1.cnt_ttl_04 {
height:35px;
line-height:35px;
margin-top:40px;
padding-left:10px;
background:url(../img/bg_ttl_02.jpg) no-repeat;
font-size:110%;
font-weight:bold;
color:#373B39;
}

h2.cnt_ttl_01 {
height:35px;
line-height:35px;
padding-left:10px;
background:url(../img/bg_ttl_01.jpg) no-repeat;
font-size:110%;
font-weight:bold;
color:#373B39;
}

h2.cnt_ttl_03 {
height:35px;
line-height:35px;
padding-left:10px;
background:url(../img/bg_ttl_02.jpg) no-repeat;
font-size:110%;
font-weight:bold;
color:#373B39;
}

h2.cnt_ttl_04 {
height:35px;
line-height:35px;
margin-top:40px;
padding-left:10px;
background:url(../img/bg_ttl_02.jpg) no-repeat;
font-size:110%;
font-weight:bold;
color:#373B39;
}

h3.cnt_ttl_02 {
padding-bottom:10px;
font-size:110%;
line-height:120%;
font-weight:bold;
color:#373B39;
border-bottom:1px inset #878B89;
}
h3.cnt_ttl_02_top {
width:910px;
padding-bottom:10px;
font-size:110%;
line-height:120%;
font-weight:bold;
color:#373B39;
border-bottom:1px inset #878B89;
}

h3.cnt_ttl_05 {
width:639px;
margin-bottom:10px;
padding-bottom:8px;
font-size:105%;
line-height:130%;
font-weight:bold;
color:#373B39;
border-bottom:1px inset #878B89;
}

h4.cnt_ttl_06 {
width:640px;
margin-bottom:10px;
padding-bottom:8px;
font-size:105%;
line-height:130%;
font-weight:bold;
color:#373B39;
border-bottom:1px inset #878B89;
}

.cntttl {
width:640px;
height:30px;
margin-bottom:10px;
background:url(../img/bg_ttl_03.jpg) no-repeat;
}

h3.cnt_ttl_06 {
padding-left:10px;
font-size:105%;
line-height:30px;
font-weight:bold;
color:#284497;
}


/* Top-Page Contents
--------------------- */

#top_txtarea {
margin:0;
}

#top_txtbox {
float:left;
width:650px;
margin:0;
}

#top_imgbox {
float:right;
width:245px;
margin-right:5px;
}

table#shuttle_history {
width:245px;
margin:0;
background:#E6E6E6;
}

table#shuttle_history td {
width:55px;
margin:0;
}

th.history_txt {
width:245px;
text-align:center;
font-weight:normal;
}

td.shuttle_01 {
width:55px;
height:55px;
margin:0;
padding:0;
background:url(../img/bg_loc_box.jpg) no-repeat;
text-align:center;
}

img.shuttles {
margin-top:7px;
}

p.era_num {
height:12px;
margin-top:12px;
text-align:center;
}


/* Top Underimgs
--------------------- */

#shuttlecock_left {
width:650px;
margin-top:20px;
}

#shuttlecock_left dl {
width:630px;
margin:0 auto 0 20px;
}
#shuttlecock_left dd {
float:left;
width:295px;
margin-right:18px;
}
p.shuttlecock_left {
text-align:center;
margin-top:2px;
}

#shuttlecock_right {
width:245px;
margin-top:15px;
}


/* Float (Text+Img)
--------------------- */

.cnt_float_01 {
width:640px;
margin:0 auto 10px;
clear:both;
}

.cnt_float_txt {
float:left;
width:450px;
margin:0 0 10px;
}

.cnt_float_img {
float:right;
width:170px;
margin:0 0 10px;
}


/* 
---------------------------------------------------------------------
Left Contants Styles
---------------------------------------------------------------------
*/

#left {
float:right;
width:260px;
margin:0;
background:url(../img/bg_left_middle.jpg) repeat-y;
}

#left_tp {
float:right;
width:260px;
margin:0;
background:url(../img/bg_left_middle.jpg) repeat-y;
}


#left_area {
width:260px;
margin:0;
}

#left_top {
width:260px;
height:15px;
margin:0;
background:url(../img/bg_left_top.jpg) no-repeat top;
}

#left_bottom {
width:260px;
height:15px;
margin:0;
padding-bottom:10px;
background:url(../img/bg_left_bottom.jpg) no-repeat bottom;
}


/* Text Area
--------------------- */

.left_box {
width:230px;
margin:0 auto;
}

h4.lttl {
margin:5px 0;
font-size:110%;
line-height:120%;
font-weight:bold;
color:#373B39;
}

.ltxt_box {
width:100%;
margin-top:15px;
}


/* Chart Box
--------------------- */

.chart_box {
width:100%;
margin-top:15px;
}
.chart_box ul {
margin-top:10px;
}
.chart_box li {
margin-bottom:5px;
padding-left:18px;
line-height:15px;
list-style:none;
}

li.chart01 {
background:url(../img/icon_chart_01.jpg) no-repeat left;
}
li.chart02 {
background:url(../img/icon_chart_02.jpg) no-repeat left;
}
li.chart03 {
background:url(../img/icon_chart_03.jpg) no-repeat left;
}
li.chart04 {
background:url(../img/icon_chart_04.jpg) no-repeat left;
}
li.chart05 {
background:url(../img/icon_chart_05.jpg) no-repeat left;
}
li.chart06 {
background:url(../img/icon_chart_06.jpg) no-repeat left;
}
li.chart07 {
background:url(../img/icon_chart_07.jpg) no-repeat left;
}
li.chart08 {
background:url(../img/icon_chart_08.jpg) no-repeat left;
}


/* 
---------------------------------------------------------------------
Footer Styles
---------------------------------------------------------------------
*/

#footer {
width:950px;
height:80px;
margin:20px auto 0;
padding-top:13px;
background:url(../img/bg_footer.jpg) no-repeat;
text-align:center;
letter-spacing:0;
}

#foot_navi {
width:750px;
margin:0 auto;
}
#foot_navi p {
margin-bottom:5px;
font-size:105%;
line-height:120%;
}

#foot_navi a:link {
color:#666;
text-decoration:none;
background: transparent;
font-style:normal;
}
#foot_navi a:hover {
color:#E9611E;
text-decoration:none;
background: transparent;
font-style:normal;
}
#foot_navi a:visited {
text-decoration:none;
font-style:normal;
}


#foot_add {
width:750px;
margin:0 auto 10px;
font-size:90%;
line-height:120%;
color:#696D6B;
}

#foot_add address {
margin-top:5px;
font-style:normal;
}

#foot_add 
a:link, 
a:visited, {
color:#6F93A1;
}

#foot_add  
a:hover, {
color:#E9611E;
}

/*----------------------------------------
           Extra Settings
----------------------------------------*/
/* Home */
#homeBottomText{
	background:#eee;
	border:1px solid #ccc;
	margin:30px 20px 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#homeBottomText p{
	padding:10px 20px;
}

/* Quality */
#qualityBottomText{
	border-top:4px double #ccc;
	margin: 50px 0 0 0;
}
#qualityBottomText p{
	padding:20px 5px 0 5px;
}

/* Network */
#networkText{
	background:#eee;
	border:1px solid #ccc;
	margin:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#networkText p{
	padding:10px 20px;
}

/* item */
#itemBottomText{
	background:#eee;
	border:1px solid #ccc;
	margin:20px 10px 0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#itemBottomText p{
	padding:10px 20px;
}
#itemBottomText .title{
	font-weight:bold;
}


/* Gallery */
#galleryTopText{
	margin:15px 15px 10px 15px;
}
#galleryBottomText{
	margin:0 15px;
}

/* Results */
#resultsText{
	margin:15px 15px 10px 15px;
}

/* Corp */
#corpTopText{
	margin:15px 15px 10px 15px;
}

#corpBottomText{
	border-top:4px double #ccc;
	margin: 50px 0 0 0;
}
#corpBottomText p{
	padding:20px 5px 0 5px;
}
#corpBottomText .title{
	font-weight:bold;
}