﻿/*------------ユニバーサルセレクタ--------------*/

html {overflow: scroll;}
body {margin: 0px auto;padding: 0px;}
img {vertical-align: middle;}
textarea {width:100%;height:7em;font-size:100%;padding:0;}
select {margin: 0;}
table{border-collapse: collapse;}
h1{font-size: 100%;margin:0;}

.clearfix { display: inline-block; }
.clearfix:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*-------------最大枠-------------*/

#container {width: 100%;height: 100%;}
#container_in{width: 798px;border:solid 1px #cecece;margin: 0 auto;}
#contents {margin: 0 auto;text-align: left;}


/*------------ページヘッダ---------------*/

#header {margin: 0 auto;text-align: left;}
#head-utility-wrapper {float: right;margin: 0;list-style-type: none;}
#main-visual {margin: 0;padding: 0;font-size:100%;}


/*------------グローバルナビゲーション---------------*/

#global-nav-wrapper,
.global-nav-wrapper {list-style-type: none;margin-left: 0;}
.global-nav{margin:0;}


/*------------グローバルナビゲーションをテキストにします(現状サイドバーのみ)---------------*/

#side-bar ul#global-nav-wrapper.text-nav .global-nav{border-bottom:dotted 1px #999;background-position:0 50%;}
#side-bar ul#global-nav-wrapper.text-nav .global-nav a:focus,
#side-bar ul#global-nav-wrapper.text-nav .global-nav a:hover{text-decoration:underline;}
#side-bar ul#global-nav-wrapper.text-nav .global-nav a{text-decoration:none;display:block;padding:0.75em 0 0.75em 1.25em;}
#side-bar ul.global-nav-wrapper.text-nav .global-nav{border-bottom:dotted 1px #999;}
#side-bar ul.global-nav-wrapper.text-nav .global-nav a:focus,
#side-bar ul.global-nav-wrapper.text-nav .global-nav a:hover{text-decoration:underline;}
#side-bar ul.global-nav-wrapper.text-nav .global-nav a{text-decoration:none;display:block;padding:0.75em 0 0.75em 1.25em;}


/*------------ページフッタ---------------*/

#footer {margin: 0 auto;text-align: center;}


/*------------ページフッタにあるパーツについて---------------*/

#foot-utility-wrapper {list-style-type: none;margin: 0;}
#copyright {font-size: 100%;font-weight: normal;font-style: normal;margin-bottom: 0;}
#foot-utility-wrapper.center {margin-bottom: 0.5em;border-bottom: solid 2px #999;padding-bottom: 0.25em}
#foot-utility-wrapper.right {text-align:right;}
#copyright.left{text-align:left;}
#foot-utility-wrapper.f-right {float:right;}
#copyright.f-left{float:left;}


/*------------補足ナビについて---------------*/

.utility {display: inline;padding: 0 15px;margin-bottom: 0;}
.utility.last {padding-right:0;}


/*------------テキストリンク---------------*/

a.white1:focus,a.white1:hover{color:#fc3;}
a.white2:focus,a.white2:hover{color:#00f;}
a.white1,a.white2{color:#fff;}


/*------------IE6用レイアウト---------------*/

* html body {text-align: center;}


/*------------IE6,IE7微調整---------------*/

* html .ie6b {padding-bottom:1px;}
* html .ie6t {margin-top:-1px;}
*:first-child+html .ie7b {padding-bottom:1px;}
*:first-child+html .ie7t {margin-top:-1px;}


/*------------テーブル内で使用されるタグについて---------------*/

td ul,td ol,td p,td address,th ul,th ol,th p,th address {margin-bottom:0;line-height:1.5;}
td h1,td h2,td h3,td h4,td h5,td h6,th h1,th h2,th h3,th h4,th h5,th h6 {margin-bottom:0.5em;line-height:1;}


/*------------ブロックの角丸をつける---------------*/

.curved {-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
html:first-child .curved,*:first-child .curved {position:relative;border-radius: 12px;behavior: url(/js/htc/pie.htc);}

.tcurved {-moz-border-radius: 12px 12px 0 0;-webkit-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;}
html:first-child .tcurved,*:first-child .tcurved {position:relative;border-radius: 12px 12px 0 0;behavior: url(/js/htc/pie.htc);}

.bcurved {-moz-border-radius: 0 0 12px 12px;-webkit-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px;}
html:first-child .bcurved,*:first-child .bcurved {position:relative;border-radius: 0 0 12px 12px;behavior: url(/js/htc/pie.htc);}


/*------------字送り---------------*/

.indent {text-indent: -9999px;}


/*------------カラムについて---------------*/

.column {float:left;}
.column.first {margin-left:0;padding-left:0;}
.column.last {float:right !important;margin-right:0;padding-right:0;}


/*------------カラム---------------*/

.gridmcol {list-style-type:none;display: inline-block;}
.gridmcol:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/* start commented backslash hack \*/
* html .gridmcol { height: 1%; }
.gridmcol { display: block; }
/* close commented backslash hack */
.gridmcol {margin-left:0;margin-right:0;}


/*------------280px2カラム等幅---------------*/

.grid2cola {list-style-type:none;display: inline-block;}
.grid2cola:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/* start commented backslash hack \*/
* html .grid2cola { height: 1%; }
.grid2cola { display: block; }
/* close commented backslash hack */
.grid2cola {margin-left:0;margin-right:0;}
.grid2cola .column{width:280px;}


/*------------265px2カラム等幅---------------*/

.grid2colb {list-style-type:none;display: inline-block;}
.grid2colb:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/* start commented backslash hack \*/
* html .grid2colb { height: 1%; }
.grid2colb { display: block; }
/* close commented backslash hack */
.grid2colb {margin-left:0;margin-right:0;}
.grid2colb .column{width:265px;}


/*------------250px2カラム等幅---------------*/

.grid2colc {list-style-type:none;display: inline-block;}
.grid2colc:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/* start commented backslash hack \*/
* html .grid2colc { height: 1%; }
.grid2colc { display: block; }
/* close commented backslash hack */
.grid2colc {margin-left:0;margin-right:0;}
.grid2colc .column{width:250px;}


/*------------185px3カラム等幅---------------*/

.grid3cola {list-style-type:none;display: inline-block;}
.grid3cola:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/* start commented backslash hack \*/
* html .grid3cola { height: 1%; }
.grid3cola { display: block; }
/* close commented backslash hack */
.grid3cola {margin-left:0;margin-right:0;}
.grid3cola .column{width:185px;margin-right:10px;}
.grid3cola .column.last{margin-right:0;}


/*------------175px3カラム等幅---------------*/

.grid3colb {list-style-type:none;display: inline-block;}
.grid3colb:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/* start commented backslash hack \*/
* html .grid3colb { height: 1%; }
.grid3colb { display: block; }
/* close commented backslash hack */
.grid3colb {margin-left:0;margin-right:0;}
.grid3colb .column{width:175px;margin-right:10px;}
.grid3colb .column.last{margin-right:0;}


/*------------165px3カラム等幅---------------*/

.grid3colc {list-style-type:none;display: inline-block;}
.grid3colc:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/* start commented backslash hack \*/
* html .grid3colc { height: 1%; }
.grid3colc { display: block; }
/* close commented backslash hack */
.grid3colc {margin-left:0;margin-right:0;}
.grid3colc .column{width:165px;margin-right:10px;}
.grid3colc .column.last{margin-right:0;}