@charset "utf-8";

/* reset
---------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
}
table, caption, th, td {
    margin:0;
    padding:0;
    border:0;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
    text-align:left;
    font-weight:normal;
}
a img, iframe {
    border:none;
}
ol, ul, li {
    list-style:none;
}
input, textarea, select, button {
    font-size:100%;
    font-family:inherit;
}

/* body
---------------------------*/
body{
	margin:0;
	padding:0;
	background:#FFFFFF;
	text-align:center;
	color:#333333;
	font:13px normal;
	line-height:150%;
	font-family:'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Helvetica","sans-serif";
}
html>/**/body{ overflow-y:scroll;} /* for Firefox */
html:\66irst-child body{ letter-spacing:normal;} /* for Safari \*/
body:first-of-type body{ font-size:10px;} /* for Safari */

/* link
---------------------------*/
a:link{
	color:#3059BD;
	text-decoration:none;
}
a:visited{
	color:#3059BD;
	text-decoration:none;
}
a:hover{
	color:#3059BD;
	text-decoration:underline;
}
a:active{
	color:#3059BD;
	text-decoration:underline;
}
a:link, a:visited, a:hover, a:active{
	overflow:hidden;
	outline:none;
}

/* wrapper
---------------------------*/
#wrapper{
	width:100%;
	text-align:center;
}

/* header
---------------------------*/
#header_wrapper{
	width:100%;
	height:73px;
	border-bottom:1px solid #DDD;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	background-color:#FFF;
	text-align:center;
}
#header{
	width:1000px;
	margin:0 auto;
}
#logo{
	float:left;
	margin:19px 88px 0 0;
}
#menu{
	float:left;
	margin:19px 0 0 0;
}
#menu li{
	float:left;
	margin:0 14px 0 0;
}
#menu li.artists{
	position:relative;
}
#menu li.artists ul{
	position:absolute;
	display:none;
	z-index:110;
	width:170px;
	height:100px;
	top:32px;
	left:-28px;
}
#menu li.artists ul li.madoka{
	position:absolute;
	top:0px;
	left:0px;
}
#menu li.artists ul li.takamoto{
	position:absolute;
	top:7px;
	left:85px;
}
#mark{
	float:right;
	margin:15px 0 0 0;
}

/* sub_menu
---------------------------*/
#sub_menu{
	width:100%;
	height:34px;
	border-bottom:1px solid #DDD;
	position:fixed;
	top:74px;
	left:0px;
	z-index:90;
	background-color:#FFF;
	text-align:center;
}
#sub_menu ul{
	display:block;
	width:1000px;
	margin:0 auto;
}
#sub_menu li{
	display:block;
	float:left;
	margin:7px 25px 0 0;
}
#sub_menu li a{
	color:#666;
}
#sub_menu li a.now{
	color:#06C;
}

/* content_wrapper
---------------------------*/
#content_wrapper {
    width:100%;
	text-align:center;
    padding:74px 0 0 0;
}

/* content
---------------------------*/
#content{
	width:860px;
	display:block;
	margin:0 auto 10px auto;
	padding:0 0 30px 0;
	text-align:left;
}

/* title
---------------------------*/
h1.title{
	font-size:22px;
	font-weight:normal;
	padding-bottom:8px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
}

/* pagetop
---------------------------*/
#pagetop{
	clear:both;
	width:100%;
	text-align:center;
}
#pagetop a{
	display:block;
	width:60px;
	height:23px;
	margin:0 auto;
}

/* footer
---------------------------*/
#footer_wrapper{
	width:100%;
	background-color:#E9E9E9;
	text-align:center;
}
#footer{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#footer .company{
	float:left;
	width:356px;
	height:150px;
	border-right:1px solid #CCC;
	margin:23px 20px 22px 0;
}
#footer .company .logo{
	margin:1px 0 12px 0;
}
#footer .company h3{
	font-size:16px;
	margin:1px 0 8px 0;
	color:#666;
	font-weight:normal;
}
#footer .company .add{
	font-size:12px;
	margin:0px 0 6px 0;
	color:#666;
	font-weight:normal;
}
#footer .company .tel{
	font-size:17px;
	color:#666;
}
#footer .company .fax{
	font-size:12px;
	margin:0 0 0 12px;
	vertical-align:top;
}
#footer .links_l{
	float:left;
	width:130px;
	margin-top:24px;
}
#footer .links_l h4{
	font-family:Myriad Pro;
	font-size:16px!important;
	margin-bottom:4px;
	color:#666;
}
#footer .links_l ul{
	margin-bottom:20px;
}
#footer .links_l ul li{
	margin-bottom:2px;
}
#footer .links_l ul li a{
	color:#666;
	text-decoration:underline;
	font-size:12px;
}
#footer .links_r{
	float:left;
	width:200px;
	margin-top:26px;
}
#footer .links_r h4{
	font-family:Myriad Pro;
	font-size:16px;
	margin-bottom:10px;
}
#footer .links_r ul{
	margin-bottom:26px;
}
#footer .links_r ul li.margin_b{
	margin-bottom:15px;
}
#footer .links_r ul li a{
	color:#666;
	text-decoration:underline;
	font-size:12px;
}
#footer #fb_plugin{
	float:right;
	width:270px;
	height:150px;
	margin:24px 0 22px 0;
	border:1px solid #CCC;
	border-top:1px solid #4C669E;
}
#footer #copyright{
	clear:both;
	border-top:1px solid #AAA;
	font-size:11px;
	color:#777;
	padding:6px 0 16px 1px; 
}

/* clearfix（周り込み解除）
---------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
}