﻿body {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3",verdana, Osaka, "ＭＳ Ｐゴシック";
	font-size: 12px;
	color:#666;
	line-height:1.6;
	background:url(../images/ncpcbg.png) repeat;
}
td, th {text-align: left;line-height:1.6;}
h1, h2, h3, h4, h5, p, ul, li, dl, dd, dt{margin: 0;padding: 0;}

img {border:0;vertical-align:bottom;}

a {color:#333;}
a:visited {color:#999;}
a:hover {color:#f00;}

.floatLeft {float:left;}
.floatRight {float:right;}

.caption {font-size: 10px;}
.font11 {font-size: 11px;}
.font14 {font-size: 14px;}

.clear {clear: both;font: 0pt/0pt;}
/*--clearfix--*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */


.str {font-weight: bold;}

.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.alignLeft {text-align: left;}

.floatRight {float:right;}
.floatLeft {float:left;}

.colorGray {color: #999;}
.colorGray2 {color: #666;}
.colorBlack {color: #000;}
.colorRed {color: #C00;}
.colorBlue {color: #09C;}
.colorBrown {color:#630;}
.colorPink{color:#ff0072;}

.mT5{ margin-top:5px;}
.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}
.mT30{ margin-top:30px;}
.mT130{ margin-top:130px;}
.mB10{ margin-bottom:10px;}
.mB15{ margin-bottom:15px;}
.padT15{ padding-top:15px;}
.mR15{ margin-right:15px;}
.mL7{ margin-left:7px;}
.td30{ height:30px;}

.leadEnd{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #DDD;}

#header h1{ position:absolute; top:0; left:0; z-index:1;}
#headerBox{ z-index:0; width:100%;}
#headerBox p{ font-size:10px; text-align:right;}

#navi{ height:45px; margin:15px 10px 10px;}
#navi ul{ list-style:none;}
#navi li{ float:left;}
#navi li a{ display:block;}

#indexContent{ background:url(../images/index/main_bg.png) no-repeat; height:350px; width:980px;}
#indexContent2{ background:url(../images/index/main_bg.png) no-repeat; height:220px; width:980px;}

#Wopper{
	width:980px;
	margin:0 auto 20px;
	padding-bottom:30px;
	background:url(../images/global/bg_foot.png) no-repeat bottom;
}
#Container{
	padding:0 20px;
}

#footContainer{
clear:both;
background:url(../images/global/foot_bg.gif) repeat-x;
width:100%;
height:145px;
bottom:0;
}
#foot{
	width:960px;
	margin:0 auto;
}
#foot ul{ list-style:none; width:700px; margin:0 100px; text-align:center; padding-bottom:20px;}
#foot li{ float:left;}
#foot li a{ font-size:10px; color:#8c8c8c; line-height:40px; width:100px; display:block; text-decoration:none;}
#foot address{ margin:50px auto 10px; text-align:center;}

.japan{ position:relative; float:right; right:10px; height:37px; width:200px;}

/*-------------------global-------------------*/
#GrobalContent{ background:url(../images/global/main_bg.png) no-repeat; height:115px; width:980px;}
#GrobalContentBox{ padding:10px;}
#GrobalContent_s{ background:url(../images/global/main_bg_s.png) no-repeat; height:125px; width:980px;}
#GrobalContentBox ul{ list-style:none; margin-left:20px;}
#GrobalContentBox li{ float:left; margin-left:10px;}
.indexFlash{ height:430px; background:url(../images/index/test.jpg) no-repeat center top; text-align:right;}

#MainContainer{
background:#FFF;
padding:10px 15px;
}

#MainContainer h4{
margin-bottom:5px;
padding-bottom:5px;
padding-left:19px;
background:url(../images/index/pressh3.png) no-repeat center left;
font-size:14px;
line-height:1.5em;
border-bottom:1px dotted #DDD;
}

.btnset{ width:100%; text-align:right; clear:both; padding-top:10px;}
.btnset p{ float:right; margin-left:10px;}
.w700{ width:700px;}
.w600{ width:600px;}

.freeheight{height:500px;}


/*■■■■■■■■■ indexnew ■■■■■■■■■*/

#indexContentBox2{
	padding:10px 0px 0px 25px;
	width:760px;
	height:200px;
	float:left;
	overflow:hidden;
	margin-left:-10px;
	}
#indexContentBox2 .slideshow ul{
	margin-left:-10px;
	}
#indexContentBox2 ul{ list-style:none; margin-left:20px;}
#indexContentBox2 li{ float:left; margin-left:10px;}

#indexContentBox2b{
	padding:10px 15px 0px 0px;
	width:180px;
	height:200px;
	float:right;
	overflow:hidden;
	}


.slidebtn2{
	width:180px;
	height:40px;
	float:right;
	list-style-type: none;
	cursor:pointer;
}/*メイン画像のボタンカーソル*/
	
.LeftBox2{width:674px;padding-top:10px;}
.InnerBoxL2{width:672px;padding-bottom:5px;}
.InnerBoxL2B{width:672px;padding-bottom:10px;padding-left:10px;}
.RightBox2{width:260px;padding-top:10px;}
.InnerBoxR2{width:258px;padding-bottom:10px;}
.LeftBoxT{width:770px;float:left;}
.RightBoxT{width:190px;float:right;}


.pickupBox1{
	background-image:url('../images/index/pickupbox1q.png');
	background-repeat:no-repeat;	
	width:200px;
	height:180px;
	font-size:10px;
	padding:25px 5px 10px 2px;
	margin-top:5px;
	margin-left:15px;	
	float: left;
	text-align:center;
}
.pickupBox2{
	background-image:url('../images/index/pickupbox2q.png');
	background-repeat:no-repeat;	
	width:200px;
	height:180px;
	font-size:10px;
	padding:25px 5px 10px 2px;
	margin-top:5px;
	margin-left:15px;	
	float: left;
	text-align:center;
}
.pickupBox3{
	background-image:url('../images/index/pickupbox3q.png');
	background-repeat:no-repeat;	
	width:200px;
	height:180px;
	font-size:10px;
	padding:25px 5px 10px 2px;
	margin-top:5px;
	margin-left:15px;	
	float: left;
	text-align:center;
}
.pickupBox4{
	background-image:url('../images/index/pickupbox4q.png');
	background-repeat:no-repeat;	
	width:200px;
	height:180px;
	font-size:10px;
	padding:25px 5px 10px 2px;
	margin-top:5px;
	margin-left:15px;	
	float: left;
	text-align:center;
}
.pickupBox5{
	background-image:url('../images/index/pickupbox5q.png');
	background-repeat:no-repeat;	
	width:200px;
	height:180px;
	font-size:10px;
	padding:25px 5px 10px 2px;
	margin-top:5px;
	margin-left:15px;	
	float: left;
	text-align:center;
}
.pickupBox6{
	background-image:url('../images/index/pickupbox6q.png');
	background-repeat:no-repeat;	
	width:210px;
	height:180px;
	font-size:10px;
	padding:25px 0px 10px 0px;
	margin-top:5px;
	margin-left:15px;	
	float: left;
	text-align:center;
}
.pickupBox99{
	background-image:url('../images/index/pickupbox99.gif');
	background-repeat:no-repeat;	
	width:210px;
	height:180px;
	font-size:10px;
	padding:25px 0px 10px 0px;
	margin-top:5px;
	margin-left:15px;	
	float: left;
	text-align:center;
}

.pickupBox { display:block; text-decoration:none;}
.pickupBox a{ color:#338; text-decoration:none;}
.pickupBox a:hover{ color:#ff0072; }
.pickupBox p { width:195px; background:#390; padding:.8em .9em font-size:12px; font-weight: bold; color:#fff; text-align:center; }


.mediaBox{
	width:200px;
	/*height: 200px;*/
	font-size:12px;
	border:1px solid #DDD;
	padding:5px;
	float: left;
	margin:6px;
	text-align:center;
}
.mediaBox { display:block; text-decoration:none;}




/*■■■■■■■■■■■■■■■■■■■■■■■■*/

/*-------------------index--------------------*/

#indexContentBox{ padding:10px;width:960px; height:310px; overflow:hidden;}
#indexContentBox .slideshow ul{margin-left:-10px;}
#indexContentBox ul{ list-style:none; margin-left:20px;}
#indexContentBox li{ float:left; margin-left:10px;}

.indexBox{ width:460px;}
.LeftBox{width:260px;}
.RightBox{width:660px;}

.slidebtn{ cursor:pointer}/*メイン画像のボタンカーソル*/

/*-- ↓index 委員一覧用↓ --*/
.pressBoxTop{ background:url(../images/index/press_bg_top.png) no-repeat bottom; padding:6px 21px 2px;}
.pressBoxTop h3{ margin-bottom:5px; text-indent:19px; background:url(../images/index/pressh3.png) no-repeat center left; font-size:14px; line-height:1.5em;}
/*-- ↑index 委員一覧用↑ --*/

.pressBox{ background:url(../images/index/press_bg.png) no-repeat bottom; padding:10px 10px 10px;}
.pressBox h3{ margin-bottom:5px; text-indent:19px; background:url(../images/index/pressh3.png) no-repeat center left; font-size:14px; line-height:1.5em;}
.pressBox h3 a{ color:#09F;}
.pressBox h3 a:visited {color:#6CF;}
.pressBox .newsBox{ margin-bottom:10px; padding:0 15px 10px; border-bottom:1px dotted #DDD;}
.pressBox table{ width:100%; margin:15px 0; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.pressBox th, .pressBox td{ padding:3px; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.pressBox th{ width:15%; background:#EFEFEF}
.pressBox td{width:85%;}

.pressBox h4{ margin-bottom:5px; text-indent:19px; background:url(../images/index/pressh3.png) no-repeat center left; font-size:14px; line-height:1.5em;}
.pressBox h4 a{ color:#09F;}
.pressBox h4 a:visited {color:#6CF;}
.pressPhoto{ background:url(../images/index/pressphoto.jpg) no-repeat top right #FFF; height:200px;}

#gien{ background:url(../images/index/gien.gif) no-repeat; width:260px; height:100px; position:absolute;}
#gien p{ position:relative; top:30px; width:210px; text-align:right; font-size:30px; font-weight:bold; color:#de0000;}
#gien span{ position:relative; top:30px; width:250px; text-align:right; font-size:12px; font-weight:bold; color:#FFF; display:block;}
#gien a{ text-decoration:none;}

.memberBoxindex img{ padding-right:4px; padding-bottom:4px; float:left;}
.memberBoxindex p{ text-align:right; padding-right:7px;}
.menberCount a{height:45px; width:150px; background:url(../images/index/member_btn.gif) no-repeat; display:block; padding-top:2px; text-decoration:none; text-align:center; line-height:14px; color:#09F;}
.menberCount a:hover {color:#ff0072;}
.EventInfoBox{
	background:url(../images/index/eventbox_bg.gif) bottom no-repeat;
	padding:5px 5px 10px 5px;
	width:250px;
}
.EventInfoBox ul{ list-style:none; wo}
.EventInfoBox li{ border-bottom:1px dotted #DDD; color:#09F;}
.EventInfoBox li a{ text-decoration:none; width:100%; display:block; padding:5px 2px; color:#09F;}
.EventInfoBox li a:hover{ color:#ff0072;}

.pressBox div.eventBoxIndex{
	width:205px; font-size:10px; margin:0 3px 10px 3px; float:left; padding:5px 0;
	border:1px solid #EEE;
}
.pressBox div.eventBoxIndex img{ float:left; padding:0 5px;}
.pressBox div.eventBoxIndex a{ display:block; float:right; color:#09F; width:205px; text-decoration:none;}
.pressBox div.eventBoxIndex a:hover{ color:#ff0072; }

/*.snsBox{ background:url(../images/index/banner_bg.gif) repeat-y; width:260px; height:30px; margin-top:10px;}*/
.snsBox{ background:#FFF; border:1px solid#DDD; width:258px; height:30px; margin-top:10px;}
.snsBox2{ background:#FFF; border:1px solid#DDD; width:258px; margin-top:10px;}
/*-- ↑snsBox2、margin-topの変更110→10へ↑ 20120314 --*/
.tweetBox{ float:left; width:21px; padding:5px; text-align:center;}
.fbBox{ float:left; width:100px; padding:5px; text-align:center;}
.fbBox2{ float:left; width:100px; padding:5px; text-align:center;}
.fbBox3{ float:left; width:256px; padding:1px; text-align:center;}

/*Gallery----------------------------*/

/*----------------event-------------------*/
.eventBox{
	width:265px;
	border:1px solid #DDD;
	padding:5px;
	float: left;
	margin:11px;
	text-align:center;
}
.eventBox { display:block; text-decoration:none;}
.eventBox p{ font-size:12px; text-decoration:none; color:#ff00a8;}

.eventLi{ width:800px; margin:0 55px 55px;}
.eventLi li{ line-height:1.8em;}
.eventLi li ul{ width:780px;  margin:0 55px 0;}

/*--*/
.formBox table{ width:100%; margin:15px 0; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.formBox th, .formBox td{ padding:3px; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:top;}
.formBox th{ background:#EFEFEF;}

.eventTableBox table{ width:100%; margin:15px 0; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.eventTableBox th, .eventTableBox td{ padding:3px; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:top;}
.eventTableBox th{ background:#EFEFEF; width:15%;}

.douiBox{ height:25em; overflow:auto; margin:10px 0; padding:10px 20px; border-top:1px solid #ddd;}
.douiBox h4{ background:#DEDEDE; line-height:2.5em;}
.douiBox dt,
.douiBox dd{ padding-left:2em;}
.douiBox dt{ margin-top:15px; text-indent:-1em; background:#DEDEDE; line-height:2.5em;}
 
.RightBoxIN{width:630px;}
.planBox{
	background:url(../images/index/member_bg.gif) bottom no-repeat;
	padding:5px 5px 10px 5px;
	list-style:none;
}
.planBox li{ border-bottom:1px solid #DDD; padding-bottom:5px; text-indent:45px;}
.planBox li.nexticon{ background:url(../event/images/next_icon.gif) left no-repeat;}
.planPhotoBox{ list-style:none; background:url(../images/index/member_bg.gif) bottom no-repeat;}
.planPhotoBox li{ margin-left:6px; margin-bottom:5px; float:left; width:120px; height:60px;}

/*-- ↓モデル募集2011年12月20日↓ --*/
.bosyuuBox{ width:850px; padding:10px 20px; }
.bosyuuBox dt,
.bosyuuBox dd{ padding-left:2em; font-size:14px;}
.bosyuuBox dt{ margin:15px; text-indent:-1em; background:#FF3366; border-style: none dotted; border-color: #FF99CC; line-height:2em; font-size:14px; font-weight:bold; color:#FFF;}

/*-- ↓2012年4月からの料金体制↓ --*/
div.apr {  background-color: #ffff99; margin: 5px; padding: 10px 20px; border: 1px #cccccc solid ;font-size: 12px; font-weight: bold; color: #cc0033;}

/*-- ↓ソーシャルレポート↓ --*/
div.voice { background-color: #e1ecff; margin: 10px 1px; padding: 8px 12px; border: 1px #cccccc solid ;}
div.outersite { background-color: #ffe0e0; margin: 10px 1px; padding: 8px 12px; border: 1px #cccccc solid ;}

/*-----------------activity--------------------*/
/*-- ↓メディア掲載2012年1月20日↓ --*/
.mediaBox{
	width:200px;
	/*height: 200px;*/
	font-size:12px;
	border:1px solid #DDD;
	padding:5px;
	float: left;
	margin:6px;
	text-align:center;
}
.mediaBox { display:block; text-decoration:none;}
.mediaBox a{ color:#338; text-decoration:none;}
.mediaBox a:hover{ color:#ff0072; }
.mediaBox p { width:200px; background:#390; padding:.8em .9em font-size:12px; font-weight: bold; color:#fff; text-align:center; }


/*-----------------Q&A--------------------*/
.qa dt, .qa dd{ padding:5px 10px 5px 40px; line-height:2em;}
.qa dt{ background:url(../images/qa/q.png) no-repeat center left #fff6fa; color:#ff0173;}
.qa dd{ background:url(../images/qa/a.png) no-repeat center left #effcff; color:#0073c3; border-bottom:1px solid #DDD; margin-bottom:10px; padding-bottom:10px;}


/*-----------------MEMBER---------------------*/

.memberBox{
	width:150px;
	border:1px solid #DDD;
	padding:4px;
	float: left;
	margin:11px;
}
.memberBox a{ display:block; text-decoration:none;}
.memberBox a p{ font-size:10px; text-decoration:none; color:#ff00a8;}


/*-------------BANNER THUMBNAIL--------------*/

.bannerThumb{
	width:96px;
	padding:1px 0px 1px 4px;
	float:left;
}
.bannerThumbW{
	width:196px;
	padding:1px 0px 1px 4px;
	float:left;
}




