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

/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン・パディング
・横幅
・テキスト・フォント
・フロート設定
・テキスト・イメージ位置設定
・リンク
--------------------------
・共通レイアウト
・フッター
------------------------------------------ */


/* 全体構造
------------------------------------------ */
body { height: 100%; background: #FFF; color: #333; line-height: 1; font-family: "MS Pゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif; text-align: center; font-size:72.5%; margin:0; padding:0;}
html { height: 100%; overflow-y:scroll; margin:0; padding:0; }

h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td, a { margin: 0; padding: 0; font-size: 100%; }

body, div, p, address,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { border: 0; }

li img { vertical-align: bottom; }

caption { text-align: left; }
table { /*border-collapse: collapse;*/ border: none; border-spacing: 0; }

fieldset { border: 0; }
.right_bg_02 { line-height: 100%; }

a[name] { color: #333; }
a[name]:hover { color: #333; text-decoration: none !important; outline: 0 !important; }
a img { color: #000; }

ol, ul, li { list-style-type: none; }

em { font-weight: bold; font-style: normal; }
label { cursor: pointer; }
address { font-style: normal; }

.navskip { height: 0; width: 0; overflow: hidden; font-size: 0; }
.hide { height: 0; width: 0; overflow: hidden; font-size: 0; }
hr { display: none; visibility: hidden; height: 0px; border: 0; }


/* フォーム設定
------------------------------------------ */

form {
    margin: 0;
}
fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
legend {
    border: 0;
    *margin-left: -7px;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: 1em;
    color: inherit;
    margin: 0;
}
input, button {
    line-height: normal;
    vertical-align: inherit;
    *vertical-align: middle;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}
input[type="search"]:focus {
    outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}
select {
    background-color: inherit;
    line-height: normal;
}
textarea {
    vertical-align: top;
    overflow: auto;
    *font-family: sans-serif;
}

/* マージン・パディング
------------------------------------------ */
.mgt0  { margin-top: 0  !important; }
.mgt1  { margin-top: 1px!important; }
.mgt3  { margin-top: 3px!important; }
.mgt4  { margin-top: 4px!important; }
.mgt5  { margin-top: 5px!important; }
.mgt10 { margin-top: 10px!important; }
.mgt11 { margin-top: 11px!important; }
.mgt12 { margin-top: 12px!important; }
.mgt13 { margin-top: 13px!important; }
.mgt14 { margin-top: 14px!important; }
.mgt15 { margin-top: 15px!important; }
.mgt16 { margin-top: 16px!important; }
.mgt17 { margin-top: 17px!important; }
.mgt18 { margin-top: 18px!important; }
.mgt19 { margin-top: 19px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt25 { margin-top: 25px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt35 { margin-top: 35px!important; }
.mgt40 { margin-top: 40px!important; }
.mgt50 { margin-top: 50px!important; }
.mgt60 { margin-top: 60px!important; }
.mgt70 { margin-top: 70px!important; }
.mgt80 { margin-top: 80px!important; }
.mgt90 { margin-top: 90px!important; }
.mgt100 { margin-top: 100px!important; }
.mgt130 { margin-top: 130px!important; }
.mgt150 { margin-top: 150px!important; }
.mgt160 { margin-top: 160px!important; }
.mgt170 { margin-top: 170px!important; }
.mgt180 { margin-top: 180px!important; }
.mgt200 { margin-top: 200px!important; }
.mgt250 { margin-top: 250px!important; }
.mgt300 { margin-top: 300px!important; }
.mgt350 { margin-top: 350px!important; }
.mgt400 { margin-top: 400px!important; }
.mgt500 { margin-top: 500px!important; }
.mgt600 { margin-top: 600px!important; }
.mgt700 { margin-top: 700px!important; }
.mgt800 { margin-top: 800px!important; }
.mgt900 { margin-top: 900px!important; }

.mgl3  { margin-left: 3px!important; }
.mgl5  { margin-left: 5px!important; }
.mgl10 { margin-left: 10px!important; }
.mgl15 { margin-left: 15px!important; }
.mgl20 { margin-left: 20px!important; }
.mgl25 { margin-left: 25px!important; }
.mgl40 { margin-left: 40px!important; }
.mgl1em  { margin-left: 1em!important; }
.mgl13em { margin-left: 1.3em!important; }
.mgl15em { margin-left: 1.5em!important; }
.mgl17em { margin-left: 1.7em!important; }
.mgl2em  { margin-left: 2em!important; }
.mgl23em { margin-left: 2.3em!important; }
.mgl25em { margin-left: 2.5em!important; }
.mgl3em  { margin-left: 3em!important; }

.mgr2  { margin-right: 2px!important; }
.mgr5  { margin-right: 5px!important; }
.mgr10 { margin-right: 10px!important; }
.mgr15 { margin-right: 15px!important; }
.mgr20 { margin-right: 20px!important; }

.mgtb3 { margin: 3px 0px!important; }
.mgtb5 { margin: 5px 0px!important; }
.mgtb10 { margin: 10px 0px!important; }
.mgtb20 { margin: 20px 0px!important; }
.mgtb80 { margin: 80px 0px!important; }
.mgtb150 { margin: 150px 0px!important; }

.mgb0 { margin-bottom: 0px!important; }
.mgb1em { margin-bottom: 1em!important; }
.mgb5 { margin-bottom: 5px!important; }
.mgb10 { margin-bottom: 10px!important; }
.mgb15 { margin-bottom: 15px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb300 { margin-bottom: 300px!important; }
.mgb750 { margin-bottom: 750px!important; }
.mgb850 { margin-bottom: 850px!important; }

.mgSide5 { margin-left: 5px!important; margin-right: 5px!important; }
.mgSide10 { margin-left: 10px!important; margin-right: 10px!important; }
.mgSide15 { margin-left: 15px!important; margin-right: 15px!important; }
.mgSide20 { margin-left: 20px!important; margin-right: 20px!important; }
.mgSideAuto { margin-left: auto!important; margin-right: auto!important; }

.mg0 { margin: 0px!important; }
.mg5 { margin: 5px!important; }

.pdgt5  { padding-top: 5px!important; }
.pdgt10 { padding-top: 10px!important; }
.pdgt15 { padding-top: 15px!important; }
.pdgt20 { padding-top: 20px!important; }
.pdgt30 { padding-top: 30px!important; }
.pdgt40	{ padding-top: 40px;!important; }
.pdgt50	{ padding-top: 50px;!important; }
.pdgt70	{ padding-top: 70px;!important; }

.pdgb3 { padding-bottom: 3px!important; }
.pdgb4 { padding-bottom: 4px!important; }
.pdgb5 { padding-bottom: 5px!important; }
.pdgb10 { padding-bottom: 10px!important; }
.pdgb15 { padding-bottom: 15px!important; }
.pdgb20 { padding-bottom: 20px!important; }
.pdgb30 { padding-bottom: 30px!important; }
.pdgb100 { padding-bottom: 100px!important; }

.pdgl5  { padding-left: 5px!important; }
.pdgl10 { padding-left: 10px!important; }
.pdgl15 { padding-left: 15px!important; }
.pdgl20 { padding-left: 20px!important; }
.pdgl30 { padding-left: 30px!important; }
.pdgl40 { padding-left: 40px!important; }
.pdgl50 { padding-left: 50px!important; }
.pdgl55 { padding-left: 55px!important; }
.pdgl60 { padding-left: 60px!important; }

.pdgr0  { padding-right: 0!important; }
.pdgr5  { padding-right: 5px!important; }
.pdgr10 { padding-right: 10px!important; }

.pdg0 { padding: 0px!important; }
.pdgtb5 { padding: 5px 0px!important; }
.pdgtb10 { padding: 10px 0px!important; }

.pdgSide0 { padding-left: 0!important; padding-right: 0!important; }
.pdgSide3 { padding-left: 3px!important; padding-right: 3px!important; }
.pdgSide5 { padding-left: 5px!important; padding-right: 5px!important; }
.pdgSide10 { padding-left: 10px!important; padding-right: 10px!important; }
.pdgSide15 { padding-left: 15px!important; padding-right: 15px!important; }



/* 横幅
------------------------------------------ */
.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w280 {width:280px;}
.w290 {width:290px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w320 {width:320px;}
.w330 {width:330px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w390 {width:390px;}
.w400 {width:400px;}
.w410 {width:410px;}
.w420 {width:420px;}
.w430 {width:430px;}
.w440 {width:440px;}
.w450 {width:450px;}
.w460 {width:460px;}
.w470 {width:470px;}
.w480 {width:480px;}
.w490 {width:490px;}
.w500 {width:500px;}
.w510 {width:510px;}
.w520 {width:520px;}
.w530 {width:530px;}
.w540 {width:540px;}
.w550 {width:550px;}
.w560 {width:560px;}
.w570 {width:570px;}
.w580 {width:580px;}
.w590 {width:590px;}
.w600 {width:600px;}
.w610 {width:610px;}
.w620 {width:620px;}
.w630 {width:630px;}
.w640 {width:640px;}
.w650 {width:650px;}
.w660 {width:660px;}
.w670 {width:670px;}
.w680 {width:680px;}
.w690 {width:690px;}
.w700 {width:700px;}
.w710 {width:710px;}
.w720 {width:720px;}
.w730 {width:730px;}
.w740 {width:740px;}
.w750 {width:750px;}
.w760 {width:760px;}
.w770 {width:770px;}
.w780 {width:780px;}
.w790 {width:790px;}
.w800 {width:800px;}
.w810 {width:810px;}
.w820 {width:820px;}
.w830 {width:830px;}
.w840 {width:840px;}
.w850 {width:850px;}
.w860 {width:860px;}
.w870 {width:870px;}
.w880 {width:880px;}
.w890 {width:890px;}
.w900 {width:900px;}
.w910 {width:910px;}

.w100per {width:100%}

/* テキスト・フォント
------------------------------------------ */
.fs00  { font-size: 10px; }
.fs01  { font-size: 12px; }
.fm01  { font-size: 14px; }
.fl01  { font-size: 14px; }
.fx01  { font-size: 16px; }
.fxl01 { font-size: 18px; }
.fxx01 { font-size: 20px; }

/* ie6 */
* html .fs01  { font-size:  75.0%; }
* html .fm01  { font-size:  87.5%; }
* html .fl01  { font-size:  87.5%; }
* html .fx01  { font-size: 100.0%; }
* html .fxl01 { font-size: 112.5%; }
* html .fxx01 { font-size: 125.0%; }

/* ie7 */
*:first-child+html .fs01  { font-size:  75.0%; }
*:first-child+html .fm01  { font-size:  87.5%; }
*:first-child+html .fl01  { font-size:  87.5%; }
*:first-child+html .fx01  { font-size: 100.0%; }
*:first-child+html .fxl01 { font-size: 112.5%; }
*:first-child+html .fxx01 { font-size: 125.0%; }


/* ie8 */
.fs01  { font-size: /*\**/  75.0%\9; }
.fm01  { font-size: /*\**/  87.5%\9; }
.fl01  { font-size: /*\**/  87.5%\9; }
.fx01  { font-size: /*\**/ 100.0%\9; }
.fxl01 { font-size: /*\**/ 112.5%\9; }
.fxx01 { font-size: /*\**/ 125.0%\9; }



/* フロート設定
------------------------------------------ */
.floatL { float: left !important; }
.floatR { float: right !important; }

/* ------------ CLEARFIX */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.clearboth { clear: both;}


/* テキスト・イメージ位置設定
------------------------------------------ */
.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.alC .iBlk { margin-left: auto; margin-right: auto; }
.alR .iBlk { margin-left: auto; }
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }
.imgC { text-align: center; }
.imgC img { display: block; margin: 0 auto; }
.imgR { text-align: right; }
.imgR img { display: block; margin-left: auto; }
.imgC a,
.imgR a { display: -moz-inline-box; }
.iBlk { display: -moz-inline-box; display: inline-block; }
.block { display: block; }


/* リンク設定
------------------------------------------ */
a {
text-decoration: none; color:#03C;
}
a:link {
color : #03C;
}
a:visited {
color : #03C ; text-decoration: none;
}
a:hover {
color : #ff0000 ; text-decoration: underline;
}
a:active {
color : #ffff00 ;
}



/* 共通レイアウト
------------------------------------------ */

body{
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center 71px;
}
#container{
	text-align:center;
	width:1036px;
	min-height: 100%;
	margin: 0 auto -75px;
}
#header {
	width:1024px;
	height:71px;
	margin:0 auto;
	text-align:center;
}
#header #login_box{
	width:265px;
	height:50px;
	background-image:url(../images/bg_login.jpg);
}
#dropdown {
	width:1025px;
	margin:0 auto;
	text-align:center;
}
#dropdown li{
	float:left;
	width:205px;
	height:51px;
}
/*ログインボックス*/
#header #login_box a:hover img, ul.top_link a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
	border:none;
}
.txt_link01{
	font-size:1.2em;
	padding-left:15px;
	background-image:url(../images/arrow.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
}
.txt_link01 a:link, .txt_link01 a:visited {
	color:#333;
	text-decoration:none;
}
.txt_link01 a:hover, .txt_link01  a:active {
	color:#333;
	text-decoration:underline;
}


/* フッター
------------------------------------------ */
#footer{
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	width:100%;
	height: 75px;
}
#footer_contents{
	width:1036px;
	margin:0 auto;
}
#copyright{
	float:left;
	color: #FFF;
	padding-top:55px;
}
#totop{
	float:right;
	padding-top:35px;
}
#container #contents #contents_main p {
	font-size: 120%;
}

/*ヘッダーをブラウザに着けるための設定*/
 * { margin: 0; }
div.push {
  height: 0px;
  clear: both;
}


.button {
   background:transparent url(../images/btn_off.jpg);
   background-repeat:no-repeat; /* 背景画像の繰り返し */
   width: 130px;
   height: 35px;
   border-radius: 12px;
   color: #ffffff;
   font-size: 13px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   font-weight:700;
}
.button:hover {
   background:transparent url('../images/btn_on.jpg');
   background-repeat:no-repeat; /* 背景画像の繰り返し */
   width: 130px;
   height: 35px;
   border-radius: 12px;
   color: #ffffff;
   font-size: 13px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   font-weight:700;
}
.button:active {
   background:transparent url('../images/btn_on.jpg');
   background-repeat:no-repeat; /* 背景画像の繰り返し */
   width: 130px;
   height: 35px;
   border-radius: 12px;
   color: #ffffff;
   font-size: 13px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   font-weight:700;
}

.button1 {
   background:transparent url('../images/btn_off_long.jpg');
   background-repeat:no-repeat; /* 背景画像の繰り返し */
   width: 260px;
   height: 35px;
   border-radius: 12px;
   color: #ffffff;
   font-size: 13px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   font-weight:700;
}
.button1:hover {
   background:transparent url('../images/btn_on_long.jpg');
   background-repeat:no-repeat; /* 背景画像の繰り返し */
   width: 260px;
   height: 35px;
   border-radius: 12px;
   color: #ffffff;
   font-size: 13px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   font-weight:700;
}
.button1:active {
   background:transparent url('../images/btn_on_long.jpg');
   background-repeat:no-repeat; /* 背景画像の繰り返し */
   width: 260px;
   height: 35px;
   border-radius: 12px;
   color: #ffffff;
   font-size: 13px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   font-weight:700;
}
.listpoint {
	font-size: 15px;
	font-weight: bold;
	color: #FF6600;
	padding-left: 3px;
}
.txt10or {
	font-size: 10px;
	color: #FF6600;
	line-height: 14px;
}
.txt10 {
	font-size: 12px;
}