@charset "utf-8";

/**
 *
 *  サイト共通
 *
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

*{font-size:100%;}
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,pre,form,blockquote,fieldset,input,address{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,caption,address,em{font-style:normal;font-weight:normal;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
table{border-spacing:0;border-collapse:collapse;}
fieldset{border:none;}
img{border:0;vertical-align:top;}
br{letter-spacing:0;}
button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	min-width:980px;
	color:#4C4C4C;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:13px;
	font-size:82%\9;
	line-height:1.8;
}


/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	color:#137792;
	outline:none;
}
a:link,
a:visited{
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}


/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/

#Page{
}


/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/

#Header{
	background:url(/images/front/shared/header/bg_repeat.png) repeat-x 0 100%;
}
#Header .header-inside{
	position:relative;
	width:980px;
	margin:0 auto;
}
#Header .header-inside h1{
	position:absolute;
	overflow: hidden;
	width:580px;
	top:15px;
	left:2px;
	color:#949494;
	font-size:85%;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#Header .header-inside p.logo{
	position:absolute;
	top:44px;
	left:2px;
}
#Header .header-inside .nav{
	float:right;
	height:109px;
}
#Header .header-inside .nav ul{
	float:right;
	height:19px;
	padding:11px 20px 0 0;
}
#Header .header-inside .nav ul li{
	float:left;
}
#Header .header-inside p.member{
	float:right;
}
#Header .header-inside p.tel{
	clear:right;
	padding:9px 0 0 0;
	text-align:right;
}

/* GlobalNavi
-----------------------------------------------------------------*/
#GlobalNavi{
	clear:both;
	width:100%;
	height:46px;
}
#GlobalNavi li{
	float:left;
}
#GlobalNavi .acc{
	position:relative;
}
#GlobalNavi .acc .sub{
	display:none;
	position:absolute;
	height:auto;
	top:46px;
	left:-4px;
	z-index:100;
}
#GlobalNavi .acc .sub li{
	float:none;
}


/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Footer{
	font-size:93%;
	background:url(/images/front/shared/footer/bg_repeat.png);
}

/* pagetop
-----------------------------------------------------------------*/
#Footer p.pagetop{
}
#Footer p.pagetop a{
	display:block;
	height:39px;
	padding:25px 0 0 0;
	background:url(/images/front/shared/footer/bg_pagetop.png) repeat-x;
	text-align:center;
}
#Footer p.pagetop a:hover{
	background:url(/images/front/shared/footer/bg_pagetop_on.png) repeat-x;
}
/* nav
-----------------------------------------------------------------*/
#Footer .information .nav{
	float:left;
	width:743px;
	background:url(/images/front/shared/footer/bg_line.png) repeat-y 497px 0;
}
#Footer .information{
	padding:46px 0 37px 0;
	background:url(/images/front/shared/footer/bg_shadow.png) repeat-x 0 0;
}
#Footer .information-inside{
	width:980px;
	margin:0 auto;
}
#Footer .information .nav ul{
	float:left;
}
#Footer .information .nav ul.list01{
	width:156px;
}
#Footer .information .nav ul.list02{
	width:206px;
}
#Footer .information .nav ul.list03{
	width:167px;
}
#Footer .information .nav ul.list04{
	width:214px;
}
#Footer .information .nav ul li{
	margin:0 0 17px 0;
}
#Footer .information .nav ul li a{
	padding:0 0 0 14px;
	background:url(/images/front/shared/footer/ico_arrow.png) no-repeat 0 50%;
	color:#FFF;
	text-decoration:none;
}
#Footer .information .nav ul li a:hover{
	color:#D4D4D4;
}
/* contact
-----------------------------------------------------------------*/
#Footer .information .contact{
	float:right;
	margin:-10px 0 0 0;
	padding:0 0 8px 0;
	line-height:1;
	text-align:center;
	background:url(/images/front/shared/footer/bg_logo.png) no-repeat 0 100%;
}
#Footer .information .contact .btn{
	padding:13px 0 28px 0;
}
#Footer .information .contact ul{
	height:31px;
	margin:10px 0 0 0;
}
#Footer .information .contact ul li{
	float:left;
	padding:0 2px 0 7px;
}

/* footer-nav
-----------------------------------------------------------------*/
#Footer .footer-nav{
	padding:30px 0 0 0;
	background:#FFF;
	text-align:center;
}
#Footer .footer-nav ul,
#Footer .footer-nav ul li{
	display:inline;
}
#Footer .footer-nav ul{
	overflow:hidden;
}
#Footer .footer-nav ul li{
	padding:0 15px;
	border-left:1px solid #D3D3D3;
}
#Footer .footer-nav ul li.first{
	border-left:none;
}
#Footer .footer-nav ul li a{
	color:#363636;
	text-decoration:none;
}
#Footer .footer-nav ul li a:hover{
	color:#8E8E8E;
}

/* copyright
-----------------------------------------------------------------*/
#Footer .copyright{
	padding:25px 0;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

#Content{
	width:100%;
}

/* Wrapper
-----------------------------------------------------------------*/
#Wrapper{
	width:980px;
	margin:0 auto;
}

/* Main
-----------------------------------------------------------------*/
#Main{
	float:left;
	width:665px;
}

/* Side
-----------------------------------------------------------------*/
#Side{
	float:right;
	width:282px;
}


/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}


/*--------------------------------------------------------------------------
   Social
---------------------------------------------------------------------------*/

/* footer
-----------------------------------------------------------------*/
.footer-nav .social{
	margin:0 auto 25px;
        text-align: center;
}
.footer-nav .social .twitter #twitter-widget-0{
        width:100px !important;
}
.footer-nav .social .twitter{
	width:100px !important;
	overflow:hidden;
}
.footer-nav .social .facebook{
	width:160px;
	overflow:hidden;
}
.footer-nav .social .google{
	width:70px;
	overflow:hidden;
}
.footer-nav .social .google #___plusone_0{
	width:65px !important;
}
.footer-nav .social .pocket{
	width:90px;
	overflow:hidden;
}
.footer-nav .social .hatena{
        width:60px;
	overflow:hidden;
}