@charset "Shift_JIS";

/*---------------------------------------
    reset style
----------------------------------------*/
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:none;}p{margin-bottom:1em;}a,label{cursor:pointer;}img{vertical-align:top;margin:0;padding:0;}

ol, ul {
  list-style: none; }

/* ========================
    common
========================== */
body {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	font-family: "メイリオ", Meiryo, Roboto, "Droid Sans", "Century Gothic Regular", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif; 
	color: #434343;
	margin:0 auto;
	letter-spacing: 1px;
}

.act:hover {
  opacity: 0.60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
}

a {
	color: #434343 ;
	text-decoration: none;
}

a:hover {
	color: #9fa0a0 ;
	text-decoration: underline;
	
}

/* ==========  header  ========== */

#header{
	width:100%;
	margin:0 auto;
	border-top:5px solid #00adee;
}
#header #utilityArea{
	width:1000px;
	margin:-5px auto 0 auto;
}
#header #utilityArea:after,
#header #utilityArea #utility:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#header #utilityArea #logo{
	float:left;
}
#header #utilityArea #utility{
	float:right;
}
#header #utilityArea #utility #right_utility_01{
	margin-top:85px;
	float:left;
}
#header #utilityArea #utility #right_utility_01 img{
	margin-right:30px;
}
#header #utilityArea #utility #right_utility_02{
	float:right;
}
#header #utilityArea #utility #right_utility_02 p.title{
	margin-top:25px;
}
#header #utilityArea #utility #right_utility_02 p.contact{
	margin-top:10px;
}
#header #utilityArea #utility #right_utility_02 p.contact a{
	margin-left:19px;
}

/* ==========  bread  ========== */

#breadArea {
	width:1000px;
	margin:20px auto 0 auto;
	padding:15px 0;
}

#breadArea ul{
	font-size:11px;
}

#breadArea ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#breadArea ul li{
	float:left;
	padding-right:25px;
	font-weight:bold;
}

#breadArea ul li a{
	color:#434343;
	font-weight:normal;
	text-decoration: underline;
}
#breadArea ul li a:hover {
  opacity: 0.60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
}

/* ==========  global navigation  ========== */

#globalNav {
width:100%;
height:70px;
margin:10px auto 0 auto;
}

#globalNav ul {
	width:1000px;
	height:70px;
	margin:0 auto;
}

#globalNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#globalNav ul li {
	float: left;
}

#globalNav ul li a {
	display: block;
	height:70px;
	background: url(../img/global_nav.png) no-repeat;
	text-indent: -9999px;
}

#globalNav ul li#gNav01 a { background-position: 0 0; width:123px; }
#globalNav ul li#gNav02 a { background-position: -123px 0;  width:292px; }
#globalNav ul li#gNav03 a { background-position: -415px 0;  width:292px; }
#globalNav ul li#gNav04 a { background-position: -707px 0;  width:293px; }

#globalNav ul li#gNav01 a:hover,
#about #globalNav ul li#gNav01 a { background-position: 0 -70px; }

#globalNav ul li#gNav02 a:hover,
#purchase #globalNav ul li#gNav02 a { background-position: -123px -70px; }

#globalNav ul li#gNav03 a:hover,
#terms #globalNav ul li#gNav03 a { background-position: -415px -70px; }

#globalNav ul li#gNav04 a:hover,
#stocks #globalNav ul li#gNav04 a { background-position: -707px -70px; }


#globalNav ul li#gNav01_on a { background-position: 0 -70px; width:123px; }
#globalNav ul li#gNav02_on a { background-position: -123px -70px;  width:292px; }
#globalNav ul li#gNav03_on a { background-position: -415px -70px;  width:292px; }
#globalNav ul li#gNav04_on a { background-position: -707px -70px;  width:293px; }

/* ==========  contents title  ========== */
#contentsArea #contents_left h3{
	font-size:18px;
	line-height:26px;
	margin: 0 auto 20px auto;
	padding:0;
}

#contentsArea #contents_left h4{
	font-size:16px;
	line-height:24px;
	margin: 0 auto 20px auto;
	padding:0;
}

#contentsArea #contents_left p.lead{
	font-size:14px;
	line-height:28px;
	margin: 0 auto 50px auto;
	padding:0;
	font-weight:bold;
}

/* ==========  margin  ========== */
.mt10{
	margin: 10px 0 0 0;
}
.mt20{
	margin: 20px 0 0 0;
}
.mt30{
	margin: 30px 0 0 0;
}
.mt40{
	margin: 40px 0 0 0;
}
.mt50{
	margin: 50px 0 0 0 !important;
}
.mt60{
	margin: 60px 0 0 0;
}
.mb10{
	margin: 0 0 10px 0;
}
.mb20{
	margin: 0 0 20px 0;
}
.mb30{
	margin: 0 0 30px 0;
}
.mb40{
	margin: 0 0 40px 0;
}
.mb50{
	margin: 0 0 50px 0;
}
.mb60{
	margin: 0 0 60px 0;
}

/* ==========  contents layout  ========== */

#contentsArea {
	width:100%;
	margin:0 auto ;
	background: url(../img/background.png) ;
}

#contentsArea #contents {
	width:1000px;
	margin:0 auto;
	padding:40px 0 50px 0;
}

#contentsArea #contents:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#contentsArea #contents #contents_left {
	width:740px;
	margin:0 auto;
	padding:0 30px 0 0;
	float:left;
}

#contentsArea #contents #contents_left .img_r {
	padding:0 0 20px 20px;
	float:right;
}


#contentsArea #contents #contents_left .text {
	font-size:14px;
	line-height:24px;
}

#contentsArea #contents #contents_left .popup {
	padding:15px 15px 15px 35px;
	background: url(../img/icon_popup.png) no-repeat 10px 18px #00adee;
	color:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;	
}
#contentsArea #contents #contents_left .popup_pl {
	padding:15px 15px 15px 25px;
	background: url(../img/icon_popup_pl.png) no-repeat 0 18px ;
}

#contentsArea #contents #contents_left .popup a{
	text-decoration: none;
	diaplay:block;
}
#contentsArea #contents #contents_left .popup:hover{
	text-decoration: none;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}

#contentsArea #contents #contents_left .link_arrow {
	padding:15px 15px 15px 25px;
	background: url(../img/arrow_link.png) no-repeat 10px 20px #00adee;
	color:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;	
}

#contentsArea #contents #contents_left .link_arrow a{
	text-decoration: none;
	diaplay:block;
}
#contentsArea #contents #contents_left .link_arrow:hover{
	text-decoration: none;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}

/* local nav */
#contentsArea #contents #local_nav {
	width:230px;
	margin:0 auto;
	float:right;
}

#contentsArea #contents #local_nav h3{
	background:#00adee;
	font-size:13px;
	line-height:20px;
	font-size:18px;
	font-weight:normal;
}

#contentsArea #contents #local_nav h3 a{
	display:block;
	padding:20px 0 15px 36px;
	text-decoration: none;
	background: url(../img/arrow_02.png) no-repeat 15px 20px;
	color:#fff;
}
#contentsArea #contents #local_nav h3:hover {
  opacity: 0.60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
}
#contentsArea #contents #local_nav h3 span{
	font-size:9px;
	font-weight:bold;
}


/* local nav */
#contentsArea #contents #local_nav ul li{
	margin:1px 0 0 0;
	background:#f6f2eb;
	font-size:13px;
	line-height:20px;
}

#contentsArea #contents #local_nav li a{
	display:block;
	padding:15px 0 15px 28px;
	text-decoration: none;
	background: url(../img/arrow.png) no-repeat 15px 20px;
}

#contentsArea #contents #local_nav li a:hover,
#contentsArea #contents #local_nav li.on {
	color: #434343 ;
	text-decoration: none;
	background: #f9c158 url(../img/arrow.png) no-repeat 15px 20px;
}

#contentsArea #contents #local_nav ul li.sec{
	margin:1px 0 0 0;
	background:#fff4dd;
	font-size:13px;
	line-height:20px;
}

#contentsArea #contents #local_nav ul li.sec a{
	display:block;
	padding:10px 0 10px 48px;
	text-decoration: none;
	background: url(../img/arrow.png) no-repeat 35px 16px;
	background-size:4px 6px;
}

#contentsArea #contents #local_nav ul li.sec_on a{
	display:block;
	padding:10px 0 10px 48px;
	color: #434343 ;
	text-decoration: none;
	background: #f9c158 url(../img/arrow.png) no-repeat 35px 16px;
	background-size:4px 6px;
}

#contentsArea #contents #local_nav li.sec a:hover,
#contentsArea #contents #local_nav li.sec_on {
	color: #434343 ;
	text-decoration: none;
	background: #f9c158 url(../img/arrow.png) no-repeat 35px 16px;
	background-size:4px 6px;
}

/* ==========  common contact  ========== */

#contactArea {
	width:100%;
	margin:0 auto ;
	background: url(../img/background_contact.png) ;
	border-top:3px solid #626262;
}

#contact {
	width:1000px;
	height:144px;
	margin:0 auto ;
	background: url(../img/contact.png) no-repeat top center;
}

#contact p{
	padding:86px 0 0 356px;
}

/* ==========  page-top  ========== */

#page-top {
	position: fixed;
	bottom: 80px;
	right: 50px;
}


/* ==========  footer  ========== */

#footerArea {
	width:100%;
	margin:0 auto -20px 0;
	background:#626262;
}

#footerArea #footer {
	width:1000px;
	margin:0 auto;
}

#footerArea #footer p.footer_link {
	padding:30px 0 0 0;
	margin:0 ;
	color:#fff;
	font-size:12px;
	line-height:24px;
	font-weight:bold;
}
#footerArea #footer p.footer_link a {
	color:#fff;
	text-decoration:none;
}
#footerArea #footer p.footer_link a:hover {
  opacity: 0.60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
}

#footerArea #footer p.copy {
	padding:80px 0 80px 0;
	text-align:right;
}