@charset "UTF-8";

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
   font-size:12px;
   color:#000;
   background:#efefef;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.80, #fff), color-stop(0.00, #efefef));
   background:-webkit-linear-gradient(top, #efefef 0%, #fff 80%);
   background:-moz-linear-gradient(top, #efefef 0%, #fff 80%);
   background:-o-linear-gradient(top, #efefef 0%, #fff 80%);
   background:-ms-linear-gradient(top, #efefef 0%, #fff 80%);
   background:linear-gradient(to bottom, #efefef 0%, #fff 80%);
}

br {
   letter-spacing:normal;
}

a {
   color:#134D99;
   text-decoration:none;
}

a:hover {
   color:#134D99;
   text-decoration:underline;
}

img {
	border:0;
	vertical-align:bottom;
	top: 40px;
	right: 20px;
}

h1{
	margin:0px;
	padding-top:5px;
	font-size: 14px;
	color: #F90;
}

p {
   margin:10px;
}

ul,ol,dl {
   margin:10px;
   padding:0;
}

li {
   padding:0;
   margin:0 0 0 30px;
}

/* ========TEMPLATE LAYOUT======== */
#container {
	width:940px;
	margin:30px auto;
	padding:20px;
	border:1px solid #ddd;
	-moz-box-shadow:0 0 10px #bfbfbf; /* Firefox用 */
	-webkit-box-shadow:0 0 10px #bfbfbf; /* Safari,Google Chrome用 */
	box-shadow:0 0 10px #bfbfbf;
	background-color: #FFF;
}

#header {
	position:relative;
	width:940px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 130px;
	background-color: #FFC;
}

#footer {
	width:940px;
	clear:both;
	margin: auto;
}

/* ========HEADER CUSTOMIZE======== */
/* ========メニューカスタマイズここから======== */

#header img{
	float:left;
	margin: 5px;
}

#header ul{
	display:inline;
	list-style:none;
    margin:0;
    padding:0;
}

#header li {
	float:left;
	margin:1px;
	padding:50px 10px 30px 70px;
}

#header li a {
   display:block;
   font-weight:bold;
   color:#000;
   outline:none;
}

#header li a:hover {
	color:#000;
	text-decoration:none;
	border-bottom-width: 3px;
	border-bottom-style: groove;
	border-bottom-color: #3CF;
}

/* ========HEADIMAGE CUSTOMIZE======== */


/* ========MAINCONTENTS CUSTOMIZE======== */
/* TOPNAVI CUSTOMIZE */
.topNavi {
   overflow:hidden;
   position:relative;
   margin-left:-20px;
   margin-top:20px;
   margin-bottom:20px;
}

* html .topNavi {
   height:1em;
   overflow:visible;
}

.topNaviColumn {
   display:inline;
   width:300px;
   float:left;
   margin-left:20px;
   padding:0 0 2em 0;
   background:#eee;
}

.topNaviImg {
   margin:0;
   padding:0;
   background:none;
}

.topNaviDetail {
   position:absolute;
   bottom:0;
   width:280px;
   text-align:right;
}

.topNaviDetail a {
   padding:0 0 0 7px;
   background:url("../images/bg_arrow.gif") no-repeat left 50%;
}


/* ========FOOTMENU CUSTOMIZE======== */
#footMenu ul {
   margin:5px 0;
   padding:20px 0;
   text-align:center;
   border-top:1px solid #ddd;
}

#footMenu li {
   display:inline;
   margin:0 0 0 20px;
   list-style:none;
}

#footMenu li a {
   color:#000;
}

#footMenu li a:hover {
   color:#666;
   text-decoration:underline;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
   font-style:normal;
   font-size:11px;
   color:#999;
   line-height:3.0;
   text-align:center;
   clear:both;
}

/* ========PAGRTOP CUSTOMIZE========= */
#pageTop {
   position:fixed;
   right:0;
   bottom:0;
   padding:10px;
   background:#3CF
}

#pageTop a {
   padding:0 0 0 12px;
   color: #FFF;
   font-size:11px;
   background: #3CF url("../images/bg_pagetop.gif") 0 50% no-repeat;
}


#container #topRecommendMenu {
	background-color: #FFC;
	height:1000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #topRecommendMenu ul {
	font-size: 1.0em;
	line-height: 1.4em;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #topRecommendMenu ul li dl {
	width: 460px;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#container #topRecommendMenu dd ul img {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#container #topRecommendMenu ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear:both;
}

#container #topRecommendMenu strong {
	font-size:14px;
	color:#600;
}