@charset "utf-8";
/*

    *01 リセット
    *02 link
    *03 base
    *04 ヘッダー
    *05 ナビゲーション
    *06 レイアウト
    *07 左メニュー
    *08 Top
    *09 フッター
    *00 clearfix

*/
/*-------------------------------------------------------------------------

    　*01 リセット
    
---------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    clear: both;
}
p,
hr,
blockquote,
address,
noscript {
    margin: 0px;
    padding: 0px;
    font-style: normal;
    font-weight: normal;
    border: none;
}
ul,
li,
ol,
dl,
dt,
dd,
pre,
table,
form {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
img { border: none }
em,
strong,
q,
dfn,
code,
samp,
kbd,
var,
cite,
abbr,
acronym {
    margin: 0px;
    padding: 0px;
    font-style: normal;
    font-weight: normal;
}
hr {
    height: 0px;
    border: none;
    margin: 0.5em auto 0.5em auto;
    -moz-float-edge: margin-box;
    -moz-box-sizing: border-box;
    clear: both;
    display: none;
}
ul img,
dl img,
ol img,
object,
embed { vertical-align: bottom }


/*-------------------------------------------------------------------------

    　*03 base

---------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: left;
}


body {
	position: relative;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	/*\*/
	*font-size: 88%;
	/**/
	line-height: 180%;
	/* word-spacing: -0.1em;
	text-shadow: #fff 1px 1px 1px; */
	color:#000;
	  -webkit-text-size-adjust: none;
	  border-top:15px solid #000;
	  line-height:180%;
}


* {
	margin: 0;
	padding: 0;
}


*:first-child+html body { font-size: 75% }


.path {
    font-size: 12px;
    padding-left: 10px;
    padding: 0px 10px 10px 0px;
	margin-top:10px;
	clear:both;
}

img { border: 0 }

li { list-style-type: none }

input { padding: 1px }


div#All {
	width: 850px;
    margin: 0 auto;
    text-align: center;
    min-height: 100%;           
    position: relative;  
    overflow: hidden;
    _zoom: 1;
	padding-top:50px;
}

#contents {
	width: 620px;
    margin: 0 auto;
    text-align: center;
    min-height: 100%;           
    position: relative;
	float:right;
	}

h1 {
    margin: 10px 0 20px 0px;
    padding: 0px 0 0 0;
	font-size:130%;
	line-height:130%;
}

h2 { margin: 20px 0 20px 0; }

.displayOn { display : block }

.displayOff { display : none }

.borderNone { border: none !important }

.bgNone { background-image: none !important }

a.arr {
    background: url(/img/common/arrow.gif) no-repeat 3px 6px;
    padding-left: 14px;
}


#contents dt {

font-weight: bold;
margin-top: 1em;

}

#contents dd ul.pp-list li{
list-style-type: disc;
list-style-image: none;
list-style-position: outside;

}


/*-------------------------------------------------------------------------

    　*04 ヘッダー

---------------------------------------------------------------------------*/

#box-ttll {
    position: relative;
    text-align: center;
    /* height: 158px; */
	overflow:hidden;
	_zoom:1;
	margin-bottom:30px;
	border:1px solid #dfe0db;
	border-radius: 7px; 
	-webkit-border-radius: 7px;  
	-moz-border-radius: 7px;
	box-shadow: 1px 2px 4px #f1f2ef;
	-moz-box-shadow: 1px 1px 4px #f1f2ef;
	-webkit-box-shadow: 1px 2px 2px #f1f2ef;
	behavior: url(ie-css3.htc);
	background-color:#0088cc;
}

.key-space {
	width:600px;
	margin:0 auto;
	}

#box-ttll .ttll {
	font-size:140%;
	font-weight:bold;
	color:#fff;
	padding:45px 30px;}
	
#box-ttll a { color:#000;}

#box-ttll .logo {
    padding: 0;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
	float:left;
}


ul.link-list {}
ul.link-list li {
	padding-left:12px;
    background: url(/img/common/arrow.gif) no-repeat left 3px;
	}


.oth-link { width:175px; font-size:80%; padding-top:25px; margin-left:58px;} 



/*-------------------------------------------------------------------------

    　*05 ナビゲーション

---------------------------------------------------------------------------*/

.box-gloval {
	float:left;
	width:200px;
	text-align:center;
	}

.box-gloval img { vertical-align:top;}

ul#sidemenu {
	clear:both;
    margin: 0 auto;
	text-align:left;
}
ul#sidemenu li {
    list-style-type: none;
	display:block;
	background:url(../../img/common/arrow.gif) no-repeat 10px 9px;
	padding-left:25px;
}
ul#sidemenu li a {
    display: block;
    height: 32px;
}


/*-------------------------------------------------------------------------

    　*06 レイアウト

---------------------------------------------------------------------------*/
#All {
	width: 850px;
    margin: 0 auto;
    text-align: left;
    margin-top: 12px;
    clear: both;
}

.font-s {
    font-size: 10px;
    _font-size: 84%;
}


#pagetop { padding-top:50px; clear:both;}


/*-------------------------------------------------------------------------

    　*06 レイアウト

---------------------------------------------------------------------------*/

#box-form {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#box-form table td, #box-form table th {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size:85%;
}

#box-form table th {
	font-weight: bold;
}

.hissu {
	color: #dd0000;
	font-weight: bold;	}

input, textarea, select {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.button { text-align:center;}

/*-------------------------------------------------------------------------

    　*09 フッター

---------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-color:#0088cc;
    padding: 10px 0 30px 0;
    margin: 50px 0 0 0;
    clear: both;
    text-align: center;
	color:#fff;
}

.w850 {
    width: 850px;
	}

.foot-Inner {
	padding-left:10px;
	color:#fff;
	padding-bottom:20px;
	margin:0 auto;
	text-align:center;
	width:850px;
	
	}
	
.w0 { width:0px;}
.w50 { width:50px;}
.w100 { width:100px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}


#footer h3 {
	margin-top:10px;
	margin-bottom:5px;
	font-size:110%;
	color:#fff;
	}
	
#footer ul.group {
	font-size:11px;
	margin-left:5px;
	line-height:140%;
	margin-top:7px;
	}
	
#footer ul.group li {
	background: url(/img/common/arrow-wh.png) no-repeat left 5px;
	padding-left:14px;
	margin-bottom:10px;
	float:left;
	margin-right:30px;
}

#footer ul.group li a { color:#FFF;}

.w950 {
    width: 950px;
    margin: 0 auto;
}

.w940 {
    width: 940px;
    margin: 0 auto;
}


#area-reserve {
	background:#000;
	text-align:center;
	font-size:80%;
	padding:15px auto;
	margin:0;
	color:#FFF;
	}