@charset "UTF-8";

/* -------------------------------------------------------------------------------
  layout
----------------------------------------------------------------------------------*/


html {
 background: url(../../common/pc/css/null) fixed; /* for IE6 */
 background-color: transparent;
 background-image: none;
}

body {
 text-align: center;
 margin: 0 auto;
 width: 100%;
 font-family: Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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


#header {
 background-color: #FFFFFF;
 margin: 0 auto;
 padding: 25px 0;
 width: 100%;
}

#header h1 { margin: 0 auto 25px auto; }

#header .gNav {
 background-color: #b9d9eb;
 height: 46px;
 width: 100%;
}

#header .gNav ul {
 margin:0 auto;
 padding-left:54px;
 width: 926px;
}

#header .gNav li {
 float: left;
 margin-right: 36px;
}

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


#contents {
 background-color: #FFFFFF;
 clear: both;
 color: #5F4132;
 font-size: 12px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 width: 980px;
}

/* link
----------------------------------------------------------------------------------*/


a:link {
 color: #5F4132;
 text-decoration: none;
}

a:visited {
 color: #5F4132;
 text-decoration: none;
}

a:hover,
a:active {
 color: #8F7C1F;
 text-decoration: none;
}

.pink a:link {
 color: #ea6da4;
 text-decoration: none;
}

.pink a:visited {
 color: #ea6da4;
 text-decoration: none;
}

.pink a:hover,
a:active {
 color: #fdc0cc;
 text-decoration: none;
}

.blue a:link {
 color: #00b8ee;
 text-decoration: none;
}

.blue a:visited {
 color: #00b8ee;
 text-decoration: none;
}

.blue a:hover,
a:active {
 color: #a1d8e2;
 text-decoration: none;
}

/* mouse on alpha
----------------------------------------------------------------------------------*/


#contents a:hover img {
 opacity: 0.6; /* for Opera,Firefox,Safari */
 filter: alpha(opacity=60); /* for IE */
}

/* clearfix
----------------------------------------------------------------------------------*/


.clearfix { zoom: 1; }

.clearfix:after {
 content: "";
 display: block;
 clear: both;
}

/* etc
----------------------------------------------------------------------------------*/

.left { text-align: left!important; }

.center { text-align: center!important; }

.right { text-align: right!important; }

.left5 { margin-left: 5px !important; }

.left10 { margin-left: 10px !important; }

.left15 { margin-left: 15px !important; }

.left20 { margin-left: 20px !important; }

.left25 { margin-left: 25px !important; }

.left30 { margin-left: 30px !important; }

.left35 { margin-left: 35px !important; }

.left40 { margin-left: 40px !important; }

.left45 { margin-left: 45px !important; }

.left50 { margin-left: 50px !important; }

.right5 { margin-right: 5px !important; }

.right10 { margin-right: 10px !important; }

.right15 { margin-right: 15px !important; }

.right20 { margin-right: 20px !important; }

.right25 { margin-right: 25px !important; }

.right30 { margin-right: 30px !important; }

.right35 { margin-right: 35px !important; }

.right40 { margin-right: 40px !important; }

.right45 { margin-right: 45px !important; }

.right50 { margin-right: 50px !important; }

.top-5 { margin-top: -5px !important; }

.top5 { margin-top: 5px !important; }

.top10 { margin-top: 10px !important; }

.top15 { margin-top: 15px !important; }

.top20 { margin-top: 20px !important; }

.top25 { margin-top: 25px !important; }

.top30 { margin-top: 30px !important; }

.top35 { margin-top: 35px !important; }

.top40 { margin-top: 40px !important; }

.top45 { margin-top: 45px !important; }

.top50 { margin-top: 50px !important; }

.btm5 { margin-bottom: 5px !important; }

.btm10 { margin-bottom: 10px !important; }

.btm15 { margin-bottom: 15px !important; }

.btm20 { margin-bottom: 20px !important; }

.btm25 { margin-bottom: 25px !important; }

.btm30 { margin-bottom: 30px !important; }

.btm35 { margin-bottom: 35px !important; }

.btm40 { margin-bottom: 40px !important; }

.btm45 { margin-bottom: 45px !important; }

.btm50 { margin-bottom: 50px !important; }

.btm55 { margin-bottom: 55px !important; }

.btm60 { margin-bottom: 60px !important; }

.btm65 { margin-bottom: 65px !important; }

.btm70 { margin-bottom: 70px !important; }

.btm75 { margin-bottom: 75px !important; }

.btm80 { margin-bottom: 80px !important; }

.btm85 { margin-bottom: 85px !important; }

.btm90 { margin-bottom: 90px !important; }

.btm95 { margin-bottom: 95px !important; }

.btm100 { margin-bottom: 100px !important; }