@charset "euc-jp";
/* ----------------------------------------------------------- 
GLOBAL PAGE LAYOUT
----------------------------------------------------------- */  
* {	margin:0; padding:0;} 
  
html,body{	margin: 0px; padding: 0px; height: 100%;}

li, ol, ul {	list-style: none; margin:0; padding:0;}

input ,form ,ul ,li ,dl ,dt ,dd ,p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,div, a,tr,td,{
	margin: 0;
	padding: 0;
}
ul,ol,li,dl,dt,dd {
list-style: none;
}

img{ border: none; vertical-align: middle; margin: 0; padding: 0; vertical-align:baseline;}

.clear{	clear:both; font-size:0px;}

.newtext-clear{	clear:both; font-size:0px; margin:0px auto 5px;}


h1{
	font-size: 10px;
	color:#333333;
	font-family:meiryo;
	margin: 10px 0px 0px 15px;
}


body {
font-family:verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
background:url(/img/page-bg.gif) repeat-x #FFFFFF;
font-size: 80%;
color: #333333;
line-height: 1.4;
text-align: center;
}

#wrapper{
	font-size: 12px;
	width:990px;
	margin: 0px auto 0px;
	text-align: center;
	padding: 0px 0px 0px 0px;

}

#page-bottom{
	width:894px;
	margin: 0px auto 0px;
	text-align: center;
}

h1 {	margin: 0px auto 0px;}

p {
margin: 0 0 1em 0;
}

/* ----------------------------------------------------------- 
WRAPPER LEFT LAYOUT
----------------------------------------------------------- */ 
#header-layout {
	width: 750px;
	height:135px;
	margin: 0px auto 40px;
	padding: 0;
	text-align: left;
}
#header-box {
	width: 400px;
	height:135px;
	margin: 10px auto 0px;
	padding: 0;
	text-align: center;
	background:url(/img/logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
#header-banner-layout {
	width: 185px;
	height:55px;
	margin: 60px auto 0px;
	padding: 0;
	float:left;

}
.banner-box {
	width: 122px;
	height:45px;
	margin: 9px 0px 0px 70px;
	padding: 0;
}

.wrapper-left {
	width: 750px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	float:left;
}


/* ----------------------------------------------------------- 
WRAPPER RIGHT LAYOUT
----------------------------------------------------------- */  
.wrapper-right {
	width: 240px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	float:left;
}

#tie-up-layout {
	width: 240px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;

}
#tie-up-box {
	width: 240px;
	height:130px;
	margin: 30px 0px 0px 0px;
	padding: 0;
	text-align: center;

}
#tie-up-bg {
	width: 240px;
	height:100px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	background:url(/img/tie-up-bosyuu-bg.gif) no-repeat;
}
#tie-up-text-box {
	width: 215px;
	margin: 0px auto 0px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	line-height:12px;
	font-size:10px;
}


#header-text-td {
	width: 750px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: left;
	color:#890CCD;
	font-size:10px;

}

.voice-title-td {
	width: 240px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;

}
/* ----------------------------------------------------------- 
CONTENS LAYOUT
----------------------------------------------------------- */  

#wrapper-contents-td {
	width: 660px;
	height:1000px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	background:#F0F0F0;

}

/* ----------------------------------------------------------- 
CONTENS TEXT
----------------------------------------------------------- */  
.ore-textb {
	margin: 0px auto 10px;
	line-height:12px;
	font-size:10px;
	color:#FF6600;
	font-weight:bold;
}
.nomal-text-10 {
	margin: 5px auto 5px;
	line-height:15px;
	font-size:10px;
	color:#333333;
}
.pink-text-10b {
	margin: 5px auto 5px;
	line-height:12px;
	font-size:10px;
	color:#FF3399;
	font-weight:bold;
}
.pink-text-12b {
	margin: 5px auto 5px;
	line-height:12px;
	font-size:12px;
	color:#FF3399;
	font-weight:bold;

}

.pink-text-14b {
	margin: 5px auto 5px;
	line-height:12px;
	font-size:14px;
	color:#FF3399;
	font-weight:bold;

}
.gray-text-12b {
	margin: 5px auto 5px;
	line-height:12px;
	font-size:12px;
	color:#666666;
	font-weight:bold;

}
.ore-text {
	margin: 0px auto 10px;
	line-height:12px;
	font-size:10px;
	color:#FF6600;
}
.purple-text-10b { font-size:10px; color:#890CCD; font-weight:bold;}
.purple-text-12b { font-size:12px; color:#890CCD; font-weight:bold;}

.voice-text {/* ---margin上下設定不可--- */
	line-height:12px;
	font-size:10px;
	color:#FF3399;
	line-height:14px;
}
.voice-text-m {/* ---margin上下設定不可--- */
	line-height:12px;
	font-size:10px;
	color:#FF3399;
	line-height:14px;
	color: #0099FF;
}
.grampre-text-m {/* ---margin上下設定不可--- */
	line-height:12px;
	font-size:13px;
	color:#FF0000;
}

/* ----------------------------------------------------------- 
CONTENS LEFT LAYOUT
----------------------------------------------------------- */  
#contents-l-td {
	width: 245px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: left;
	background:url(/img/left-shadow.gif) repeat-y;

}
#contents-l-waku-line {
	width: 245px;
	height:1px;
	margin: 0px auto 0px;
	padding: 0;
	background:url(/img/waku.gif) repeat-x;

}

#qr-box {
	width: 220px;
	margin: 10px auto 0px;
	padding: 0;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	background:#FFFFFF;
	text-align:center;
}
#qr-box-in { width: 200px; margin: 10px auto 10px; padding: 0;}

.text-left {	text-align:left;}
.line-layout {	padding: 15px 0px 10px 0px;}


#contents-l-inbox {
	width: 220px;
	margin: 0px 0px 0px 11px;
	padding: 0;
	text-align: left

}


#menu-layout {　width: 220px; height:200px; text-align:left;}
#menu-box {　width: 220px;　height:34px; text-indent: -9999px; padding: 0px; margin:10px 0px 10px 0px;}
#menu-box ul{	margin:0;}
#menu-box ul li {	display:inline; overflow: hidden;}



/* ---info--- */
ul li#info {
	width: 220px;
	height: 34px;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(/img/info-menu.gif) no-repeat;
	display: block;	
}
ul li#info a{ width: 220px; height: 34px; display: block; text-decoration: none;}
ul li#info a:hover, ul li#info a:active{	width: 220px; height: 34px;	background: url(/img/info-menu-on.gif) no-repeat;}

/* ---rule--- */
ul li#rule {
	width: 220px;
	height: 34px;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(/img/rule-menu.gif) no-repeat;
	display: block;	
}
ul li#rule a{ width: 220px; height: 34px; display: block; text-decoration: none;}
ul li#rule a:hover, ul li#rule a:active{	width: 220px; height: 34px;	background: url(/img/rule-menu-on.gif) no-repeat;}

/* ---company--- */
ul li#company {
	width: 220px;
	height: 34px;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(/img/company-menu.gif) no-repeat;
	display: block;	
}
ul li#company a{ width: 220px; height: 34px; display: block; text-decoration: none;}
ul li#company a:hover, ul li#company a:active{	width: 220px; height: 34px;	background: url(/img/company-menu-on.gif) no-repeat;}

/* ---partner--- */
ul li#partner {
	width: 220px;
	height: 34px;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(/img/partner-menu.gif) no-repeat;
	display: block;	
}
ul li#partner a{ width: 220px; height: 34px; display: block; text-decoration: none;}
ul li#partner a:hover, ul li#partner a:active{	width: 220px; height: 34px;	background: url(/img/partner-menu-on.gif) no-repeat;}

/* ---blog--- */
ul li#blog {
	width: 220px;
	height: 34px;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	line-height: 14px;
	background: url(/img/blog-menu.gif) no-repeat;
	display: block;	
}
ul li#blog a{ width: 220px; height: 34px; display: block; text-decoration: none;}
ul li#blog a:hover, ul li#blog a:active{	width: 220px; height: 34px; background: url(/img/blog-menu-on.gif) no-repeat;}


#enq-box {
	width: 220px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center

}
.enq-qt-box {
	width: 220px;
	height:100%;
	margin: 15px auto 10px;
	padding: 3px 0px 3px 0px;
	font-size:10px;
	text-align: center;
	background-color:#999999;
	font-weight:bold;
	color:#FFFFFF;
}

.enq-at-box {
	width: 220px;
	height:100%;
	margin: 0px auto 10px;
	font-size:14px;
	text-align: center;
	font-weight:bold;
	color:#FF3399;
}

.enq-at-table-box { width: 210px; margin: 0px auto 0px; text-align: center;}
.enq-at-table { width: 210px; margin: 0px 0px 0px 5px; text-align: left;}

.enq-resp-box {
	width: 220px;
	height:100%;
	margin: 15px auto 10px;
	padding: 3px 0px 3px 0px;
	font-size:10px;
	text-align: center;
	background-color:#FFCC00;
	font-weight:bold;
	color:#333333;
}
.enq-respt-table-box {
	width: 210px;
	margin: 0px auto 20px;
	text-align: left;
}

.enq-respt-table { width: 175px; margin: 0px 0px 0px 12px; text-align: center;}

/* ----------------------------------------------------------- 
CONTENS CENTER LAYOUT
----------------------------------------------------------- */  
#contents-c-td {
	width: 505px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	background:#FFFFFF;
}
#contents-c-waku-line {
	width: 505px;
	height:1px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	background:url(/img/waku.gif) repeat-x;
}
#contents-c-waku-line2 {
	width: 240px;
	height:1px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	background:url(/img/waku.gif) repeat-x;
}
.c-main-title {
	width: 500px;
	height:100%;
	margin: 2px auto 0px;
	padding: 0;
	text-align: center;
	background:url(/img/art-main-t-bg.gif) repeat-x #FFFFFF;
;
}
.c-main-title2 {
	width: 240px;
	margin: 2px auto 0px;
	padding: 0;
	text-align: center;
	background:url(/img/art-main-t-bg.gif) repeat-x #FFFFFF;
;
}
.c-main-t-text {
	width: 490px;
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 0px 0px;
	font-size:16px;
	text-align: left;
	font-weight:bold;
	color:#FF3399;
	line-height:20px;
}
.c-main-t-text2 {
	width: 240px;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 0px 0px;
	font-size:12px;
	text-align: left;
	font-weight:bold;
	color:#FF3399;
	line-height:3px;
}
.c-main-title-bottoml {
	width: 500px;
	height:1px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	background:url(/img/art-main-tb-bgl.gif) repeat-x;
}
#contents-c-box {
	width: 480px;
	margin: 0px auto 0px;
	padding: 0;
	background:#FFFFFF;
	text-align:center;
}
#contents-c-inbox {
	width: 470px;
	margin: 15px auto 20px;
	padding: 0;
	text-align:left;
	line-height:17px;

}
.c-sabtitle-box {
	width: 470px;
	height:100%;
	margin: 30px auto 20px;
	padding: 10px 0px 10px 10px;
	font-size:12px;
	text-align: left;
	background-color:#FF3399;
	font-weight:bold;
	color:#FFFFFF;
}
.c-sabtitle-box-s {
	width: 190px;
	margin: 0px auto 0px;
	padding: 5px 0px 5px 5px;
	font-size:12px;
	text-align: left;
	background-color:#FF3399;
	font-weight:bold;
	color:#FFFFFF;
}
.c-sabtitle-box-gray {
	width: 470px;
	height:100%;
	margin: 30px auto 20px;
	padding: 10px 0px 10px 10px;
	font-size:12px;
	text-align: left;
	background-color:#666666;
	font-weight:bold;
	color:#FFFFFF;
}
.c-c-gr-work-l { width: 230px; margin: 0px 10px 0px 0px; float:left;}
.c-c-gr-work-r {
	width: 220px;
	margin: 0px auto 0px;
	font-weight:bold;
	text-align: left;
	color:#666666;
	line-height:20px;
	float:left;
}

.c-c-gr-sv-l { width: 150px; margin: 15px 10px 0px 0px; float:left;}
.c-c-gr-sv-r {
	width: 300px;
	margin: 15px auto 0px;
	text-align: left;
	color:#666666;
	line-height:16px;
	float:left;
}
.c-c-qr-l { width: 110px; margin: 15px 10px 0px 0px; float:left;}
.c-c-qr-r {
	width: 350px;
	margin: 15px auto 0px;
	text-align: left;
	color:#666666;
	line-height:16px;
	float:left;
}
.c-c-qr-bikou {
	width: 450px;
	height:100%;
	margin: 20px auto 20px;
	padding: 10px;
	font-size:10px;
	text-align: left;
	background-color:#FFFF66;
	color:#333333;
}
.c-sv-list {
	width: 450px;
	margin: 0px auto 0px;
	text-align: left;
	color:#666666;
	line-height:16px;
	line-height:12px;
}
.c-sv-box-td { width: 130px; height:260px;}
.c-sv-box-td_works { width: 130px; height:180px;}
.c-sv-photo { margin: 0px auto 10px;}
.c-sv-work { margin: 15px auto 30px; font-size:10px;}
.c-sv-work p { margin: 7px auto 7px; }

.c-c-rank-1 {
	width: 450px;
	height:100%;
	margin: 0px auto 3px;
	padding: 10px;
	text-align: left;
	background-color:#FFFF66;
}
.c-c-rank-table { width: 440px; margin: 0px 0px 0px 0px;}
.c-mark-td { width: 25px; text-align: left;}
.c-rank-td { width: 30px; text-align: left;}
.c-name-td { width: 300px; text-align: left;}
.c-perc-td { width: 85px; text-align: left;}
.c-c-rank {
	width: 450px;
	height:100%;
	margin: 0px auto 3px;
	padding: 10px;
	text-align: left;
	background-color:#FFFFCC;
}
.c-c-rank-other {
	width: 450px;
	height:100%;
	margin: 0px auto 3px;
	padding: 10px;
	text-align: left;
	background-color:#F0F0F0;
}

/* ----------------------------------------------------------- 
CONTENS RIGHT LAYOUT
----------------------------------------------------------- */  

#voice-bg {
	width: 240px;
	height:100%;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	background:url(/img/voice-bg.gif) repeat-y;
}
.voice-layout {/* ---margin上下設定不可--- */
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	height:100%;

}

.voice-box {/* ---margin上下設定不可--- */
	width: 210px;
	height:100%;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}