@charset "UTF-8";
/*---------------------------------------------------------------
common.css
-----------------------------------------------------------------
table of contents

	1. Reset
	2. Basic Style
	3. Header
	4. navigation	
	5. commonLayout	
-----------------------------------------------------------------
font-size table

	10px :   77%		16px : 123.1%
	11px :   85%		17px :    131%
	12px :   93%		18px : 138.5%
	13px : 100%		19px : 146.5%
	14px : 108%		20px : 153.9%
	15px : 116%		21px : 161.6%
---------------------------------------------------------------*/

/*===============================================================
	1.	Reset
===============================================================*/

/*		YUI - reset.css 
---------------------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*		YUI - fonts.css
---------------------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{}

/*===============================================================
	2.	Basic Style		(Based on YUI - base.css 2.6.0)
===============================================================*/

body{
	color: #000;
	font-family:"Hiragino Mincho ProN","HiraMinPro-W3","細明朝体","ヒラギノ明朝 Pro W3","HiraMinPro-W6","ヒラギノ明朝 Pro W6","HiraMinPro-W6","ＭＳ Ｐ明朝","Osaka","serif";
	background: #fff;
}
html.noscroll,body.noscroll{
	overflow:hidden;
}
h1{
	font-size:138.5%;
}
h2{
	font-size:123.1%;
}
h3{
	font-size:108%;  
}
h1,h2,h3{
	margin:0;
}
strong{
	font-weight:bold; 
}
abbr,acronym{
	border-bottom:1px dotted #000;
	cursor:help;
} 
em{
	font-style:normal;
}
del{
	text-decoration:line-through;
}
ol,ul{
	margin-left:2em;
}
ol li{
	list-style: decimal outside;	
}
ul li{
	list-style: disc outside;
}
th{
	font-weight:bold;
	text-align:center;
}
caption{
	margin-bottom:.5em;
	text-align:center;
}
hr{
	display:none;
}
img{
	vertical-align:bottom;
	border:none;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

a:link, a:visited{
	color: #015be2;
	text-decoration: none;
	outline:none;
	overflow:hidden;
}
a:hover, a:active{
	color: #015be2;
	text-decoration: none;
	outline:none;
}
a:focus {
	outline:none;
	overflow:hidden;
	}
/* HTML5 */
abbr,article,aside,canvas,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
mark{
  font-weight:bold;
}
object{
	outline:none;
}

.clearfix{
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  }
.clearfix { min-height: 1px; }
/* start commented backslash hack \*/
* html .clearfix {
  height: 1px;
}

/*===============================================================
	3.	Header
===============================================================*/

#header{
	height:37px;
	padding:30px 39px 0px 30px;
}

#logo{
	float:left;
	width: 107px;
	height: 37px;
}
#tagline{
	float:right;
	width: 129px;
	height: 16px;
}

/*===============================================================
	4.	navigation
===============================================================*/
#nav{
	position:absolute;
	width: 184px;
	display:block;
	margin:0px;
	right:0;
	z-index:2;
	top:0;
}
#nav-inner{
	position:absolute;
	width: 184px;
	padding:0;
	margin:0;
}
#nav-inner li{
	/*margin: 0 0 1px 0;*/
	list-style: none;
	/*text-indent: -9999px;*/
	vertical-align: bottom;
}
#nav-inner a{
	outline: none;
	display: block;
	background-image: url(../images/shared/nav.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
}
#nav-inner li.menu,#nav-inner li#link-detail a{
	border-left:#dadada 1px solid;
}
#nav-inner li.menu a:hover,#nav-inner li#link-detail a:hover{
	border-bottom:#999 1px solid;
	border-style:none;
}
#nav-inner li#link-detail a{
	height:70px;
	_height:69px;
}
#nav-inner li.menu a{
	width: 184px;
	height:53px;
	_height:53px;
}
#nav-inner .sns{
	height: 45px;
	display:block;
	margin: 0;
	text-indent:-9999px;
	float:left;
	border-left:#dadada 1px solid;
	border-bottom:#dadada 1px solid;
}
#nav-inner .sns a{
	background-image: url(../images/shared/nav_sns.png);
	height: 45px;
	display:block;
}



/*===============================================================
	navigation for pc
===============================================================*/

/*		#menu1
---------------------------------------------------------------*/

ul #menu1 a:link,
ul #menu1 a:visited{
	background-position: 0px top;
}
ul #menu1 a:hover,
ul #menu1 a:active{
	background-position: 0px -494px;
}
/*		#menu2
---------------------------------------------------------------*/

ul #menu2 a:link,
ul #menu2 a:visited{
	background-position: 0px -53px;
}
ul #menu2 a:hover,
ul #menu2 a:active{
	background-position: 0px -547px;
}

/*		#menu3
---------------------------------------------------------------*/

ul #menu3 a:link,
ul #menu3 a:visited{
	background-position: 0px -106px;
}
ul #menu3 a:hover,
ul #menu3 a:active{
	background-position: 0px -600px;
}

/*		#menu4
---------------------------------------------------------------*/

ul #menu4 a:link,
ul #menu4 a:visited{
	background-position: 0px -159px;
}
ul #menu4 a:hover,
ul #menu4 a:active{
	background-position: 0px -653px;
}

/*		#menu5
---------------------------------------------------------------*/

ul #menu5 a:link,
ul #menu5 a:visited{
	background-position: 0px -212px;
}
ul #menu5 a:hover,
ul #menu5 a:active{
	background-position: 0px -706px;
}

/*		#menu6
---------------------------------------------------------------*/

ul #menu6 a:link,
ul #menu6 a:visited{
	background-position: 0px -265px;
}
ul #menu6 a:hover,
ul #menu6 a:active{
	background-position: 0px -759px;
}

/*		#menu7
---------------------------------------------------------------*/

ul #menu7 a:link,
ul #menu7 a:visited{
	background-position: 0px -318px;
}
ul #menu7 a:hover,
ul #menu7 a:active{
	background-position: 0px -812px;
}

/*		#menu8
---------------------------------------------------------------*/

ul #menu8 a:link,
ul #menu8 a:visited{
	background-position: 0px -371px;
}
ul #menu8 a:hover,
ul #menu8 a:active{
	background-position: 0px -865px;
}


/*===============================================================
	navigation for smartphone
===============================================================*/

/*		#menu1
---------------------------------------------------------------*/

ul.sp #menu1 a:link,
ul.sp #menu1 a:visited,
ul.sp #menu1 a:hover,
ul.sp #menu1 a:active{
	background-position: 0px top;
}


/*		#menu2
---------------------------------------------------------------*/

ul.sp #menu2 a:link,
ul.sp #menu2 a:visited,
ul.sp #menu2 a:hover,
ul.sp #menu2 a:active{
	background-position: 0px -53px;
}

/*		#menu3
---------------------------------------------------------------*/

ul.sp #menu3 a:link,
ul.sp #menu3 a:visited,
ul.sp #menu3 a:hover,
ul.sp #menu3 a:active{
	background-position: 0px -106px;
}

/*		#menu4
---------------------------------------------------------------*/

ul.sp #menu4 a:link,
ul.sp #menu4 a:visited,
ul.sp #menu4 a:hover,
ul.sp #menu4 a:active{
	background-position: 0px -159px;
}

/*		#menu5
---------------------------------------------------------------*/

ul.sp #menu5 a:link,
ul.sp #menu5 a:visited,
ul.sp #menu5 a:hover,
ul.sp #menu5 a:active{
	background-position: 0px -212px;
}

/*		#menu6
---------------------------------------------------------------*/

ul.sp #menu6 a:link,
ul.sp #menu6 a:visited,
ul.sp #menu6 a:hover,
ul.sp #menu6 a:active{
	background-position: 0px -265px;
}

/*		#menu7
---------------------------------------------------------------*/

ul.sp #menu7 a:link,
ul.sp #menu7 a:visited,
ul.sp #menu7 a:hover,
ul.sp #menu7 a:active{
	background-position: 0px -318px;
}

/*		#menu8
---------------------------------------------------------------*/

ul.sp #menu8 a:link,
ul.sp #menu8 a:visited,
ul.sp #menu8 a:hover,
ul.sp #menu8 a:active{
	background-position: 0px -371px;
}






/*		#link-detail
---------------------------------------------------------------*/

#link-detail{
	height:70px !important;
}
#link-detail a:link,
#link-detail a:visited{
	background-position: 0px -424px;
}
#link-detail a:hover,
#link-detail a:active{
	background-position: 0px bottom;
}

/*		#share-twitter
---------------------------------------------------------------*/

#share-twitter{
	width: 45px;
}
#share-twitter a:link,
#share-twitter a:visited,
#share-twitter a:hover,
#share-twitter a:active{
	background-position: 0px 0px;
}

/*		#share-facebook
---------------------------------------------------------------*/

#share-facebook{
	width: 45px;
}
#share-facebook a:link,
#share-facebook a:visited,
#share-facebook a:hover,
#share-facebook a:active{
	
	background-position: 0px -45px;
}

/*		#share-mixi
---------------------------------------------------------------*/

#share-mixi{
	width: 44px;
}
#share-mixi a:link,
#share-mixi a:visited,
#share-mixi a:hover,
#share-mixi a:active{
	background-position: 0px -90px;
}

/*		#share-google
---------------------------------------------------------------*/

#share-google{
	width: 44px;
	border-right:#dadada 1px solid;
}
#share-google a:link,
#share-google a:visited,
#share-google a:hover,
#share-google a:active{
	background-position: 0px -135px;
}





/*===============================================================
	5.	commonLayout
===============================================================*/
#container{
	width:800px;
	display:block;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
#main-contents{
	position:absolute;
	left:0;
	width:617px;
	float:left;
	margin:0px;
	z-index:1;
}
.btn-footer a:link,
.btn-footer a:visited{
	background-position: left top;
}
.btn-footer a:hover,
.btn-footer a:active{
	background-position: left bottom;
}
.copyright{
	width: 240px;
	height: 10px;
	font-size: 0;
	line-height: 0;
	margin:30px auto;
}