@charset "utf-8";
/*---------------------------------------------

                #creative.ashita_note

----------------------------------------------*/
/* Table Type
------------------------------------------------------------*/
#creative.ashita_note #contents .wrap { width:900px; margin:0 auto 0 auto; background-color:#ffffff; padding: 0 25px 0 25px; }


*{
	margin:0;
	padding:0;
}

#creative.ashita_note img{
	border:0;
}

#creative.ashita_note ul#undermenu{
	list-style-type:none;
	width:901px;
	margin:20px 0 0 0;
	overflow:hidden;
	_zoom:1;
}

#creative.ashita_note ul#undermenu li{
	padding:0 1px 0 0;
	float:left;
}

#creative.ashita_note p{
	font-weight:normal;
	text-align:left;
}

/* *********** index *********** */

#creative.ashita_note div#index_contents{
	width:900px;
	_text-align:center;
	height:570px;
	padding:20px 0 0 0;
}

#creative.ashita_note div#index1{
	width:860px;
	margin:0 auto;
	background:#fff;
	text-align:center;
}

#creative.ashita_note div#index2{
	width:860px;
	background:#fff;
	margin:0 auto;
	text-align:left;
}

#creative.ashita_note div#index2 ul{
	list-style-type:none;
	position:absolute;
	margin:336px 0 0 449px;
}

#creative.ashita_note div#index2 ul li{
	height:57px;
	margin:0 0 5px 0;
}

#creative.ashita_note ul.link_footer{
	list-style-type:none;
	width:238px;
	_width:255px;
	text-align:center;
	margin:20px auto;
	_margin:0 auto;
	_padding:20px 0 0 0;
	_height:50px;
}

#creative.ashita_note ul.link_footer_page{
	list-style-type:none;
	width:265px;
	text-align:center;
	margin:20px auto;
}

#creative.ashita_note ul.link_footer li,
#creative.ashita_note ul.link_footer_page li{
	float:left;
}

#creative.ashita_note ul.link_footer li.twitter{
	text-align:center;
}

#creative.ashita_note ul.link_footer li.facebook{
	text-align:center;
	width:90px;
}



/* *********** note *********** */

#creative.ashita_note.note ul{
	list-style:none;
}

#creative.ashita_note.note div#title{
	width:860px;
	margin:30px auto 0 auto;
	overflow:hidden;
	_zoom:1;
	_text-align:left;
}

#creative.ashita_note.note div#title h1{
	float:left;
}

#creative.ashita_note.note div#title p{
	float:left;
	padding:0 0 0 20px;
	text-align:left;
	font-weight:normal;
}

#creative.ashita_note.note div#pages,div#contents{
	text-align:center;
	padding-top:30px; /*2011.11.15追加*/
}


#creative.ashita_note.note ul.page{
	width:880px;
	_width:890px;
	padding:0 0 15px 0;
	overflow:hidden;
	_zoom:1;
}

#creative.ashita_note.note ul.page li{
	width:200px;
	height:150px;
	float:left;
	padding:30px 10px 0 10px;
	text-align:left;
}

#creative.ashita_note.note ul.page li p.name{
	font-size:10px;
	color:#999;
	/*font-weight:normal; 2011.11.15追加*/
}

#creative.ashita_note.note ul.page li p{
	padding:5px 0 0 0;
}

#creative.ashita_note.note ul#paging{
	width:430px;
	margin:30px auto;
	overflow:hidden;
	_zoom:1;
}

#creative.ashita_note.note ul#paging li{
	text-align:center;
	float:left;
	width:20px;
	padding:8px;
	margin:0 4px 0 0;
	_margin:0 2px 0 0;
	font-weight:bold;
	background:#27609C;
}

#creative.ashita_note.note ul#paging a:link{
	color:#fff;
	text-decoration:underline;
}

#creative.ashita_note.note ul#paging a:visited{
	color:#fff;
}

#creative.ashita_note.note ul#paging a:hover{
	color:#fff;
}

#creative.ashita_note.note ul#paging a:active{
	color:#fff;
}

#creative.ashita_note.note ul#paging li a.selected{
	text-decoration:none;
}


/* page */
#creative.ashita_note.note div#note_contents{
	padding:20px 0;
	position:relative;
}

#creative.ashita_note.note div#note_contents div#pic{
	width:600px;
	padding:10px 0;
	overflow:hidden;
	border:3px solid #006699;
	margin:5px auto;
	font-weight:normal;
}


#creative.ashita_note.note div#note_contents div#pic p{
	text-align:center;
}

#creative.ashita_note.note div#note_contents div#pic h2{
	font-size:12px;
	font-weight:normal;
	margin:15px 0 0 0;
}

#creative.ashita_note.note div#note_contents div#pic ul.link_footer{
	margin:5px auto;
}

#creative.ashita_note.note div#note_contents a.prev{
	display:block;
	position:absolute;
	top:50%;
	margin:-30px 0 0 70px;
	_margin:-130px 0 0 -690px;
}

#creative.ashita_note.note div#note_contents a.next{
	display:block;
	position:absolute;
	top:50%;
	margin:-30px 0 0 790px;
	_margin:-160px 0 0 340px;
}

#creative.ashita_note.note div#note_contents a.back{
	margin:0 0 4px 510px;
}





/* *********** egao *********** */

#creative.ashita_note.egao div#under{
	_text-align:center;
	font-size:12px;
}

#creative.ashita_note.egao div#under div#title{
	width:860px;
	margin:30px auto;
	overflow:hidden;
	_zoom:1;
	_text-align:left;
}

#creative.ashita_note.egao div#under div#title h1{
	float:left;
}

#creative.ashita_note.egao div#under div#title p{
	float:left;
	padding:0 0 0 20px;
}

#creative.ashita_note.egao div#under div#under_contents1{
	width:862px;
	height:530px;
	_height:580px;
	line-height:1.8;
	margin:20px auto 0 auto;
	padding:50px 0 0 15px;
	overflow:hidden;
	_zoom:1;
	background:url(/ashita_note/egao/images/contents1bg.jpg) no-repeat;
	_text-align:left;
}

#creative.ashita_note.egao div#under div#under_contents2{
	width:862px;
	height:474px;
	_height:510px;
	margin:20px auto 20px auto;
	padding:36px 0 0 15px;
	line-height:1.8;
	overflow:hidden;
	_zoom:1;
	background:url(/ashita_note/egao/images/contents2bg.jpg) no-repeat;
	_text-align:left;
}

#creative.ashita_note.egao div#under div#under_contents3{
	width:862px;
	_width:864px;
	height:552px;
	_height:580px;
	margin:20px auto 0 auto;
	padding:36px 0 0 15px;
	line-height:1.8;
	overflow:hidden;
	_zoom:1;
	background:url(/ashita_note/egao/images/contents3bg.jpg) no-repeat;
	_text-align:left;
}

#creative.ashita_note.egao div#under div#under_contents4{
	width:862px;
	_width:864px;
	height:594px;
	_height:622px;
	margin:20px auto -25px auto;
	padding:36px 0 0 15px;
	line-height:1.8;
	overflow:hidden;
	_zoom:1;
	background:url(/ashita_note/egao/images/contents4bg.jpg) no-repeat;
	_text-align:left;
}

#creative.ashita_note.egao div#under div#under_contents1 h2{
	margin:-17px 110px 10px 0;
	_margin:-17px 90px 10px 0;
	float:right;
}

#creative.ashita_note.egao div#under div#under_contents1 p.pic1{
	padding:0 20px 0 0;
}

#creative.ashita_note.egao div#under div#under_contents1 p.pic1,
#creative.ashita_note.egao div#under div#under_contents1 p.pic2,
#creative.ashita_note.egao div#under div#under_contents2 p.pic1,
#creative.ashita_note.egao div#under div#under_contents3 p.pic1,
#creative.ashita_note.egao div#under div#under_contents4 p.pic1{
	float:left;
}

#creative.ashita_note.egao div#under div#under_contents3 p.pic1{
	padding:0 5px 0 0;
}

#creative.ashita_note.egao div#under div#under_contents2 h2{
	margin:0 0 10px 20px;
	text-align:left;
}

#creative.ashita_note.egao div#under div#under_contents3 h2{
	margin:0 0 10px 0;
	text-align:left;
}

#creative.ashita_note.egao div#under div#under_contents4 h2{
	margin:0 0 10px 0;
	text-align:left;
}

#creative.ashita_note.egao div#under div#under_contents2 p.pic1{
	padding:0 20px;
}

#creative.ashita_note.egao div#under div#under_contents1 p.text,
#creative.ashita_note.egao div#under div#under_contents2 p.text,
#creative.ashita_note.egao div#under div#under_contents3 p.text,
#creative.ashita_note.egao div#under div#under_contents4 p.text{
	padding:0 40px 0 10px;
	_padding:0 10px 0 10px;
	line-height:1.9;
	_line-height:1.8;
	color:#265F9D;
	_float:left;
}

#creative.ashita_note.egao div#under ul.links{
	width:281px;
	margin:10px auto 15px auto;
	overflow:hidden;
	_zoom:1;
	list-style-type:none;
	text-align:center;
}

#creative.ashita_note.egao div#under ul.links li{
	width:119px;
	margin:0 10px 0 0;
	float:left;
}


/* *********** what *********** */

#creative.ashita_note.what div#under{
	_text-align:center;
}

#creative.ashita_note.what div#under div#what_contents{
	width:862px;
	height:920px;
	background:url(/ashita_note/what/images/contents1bg.jpg) no-repeat;
	margin:10px auto 0 auto;
	padding:50px 0 0 0;
	_text-align:center;
}

#creative.ashita_note.what div#under div#what_contents h1{
	width:812px;
	margin:0 auto;
}

#creative.ashita_note.what div#under div#what_contents p.text{
	font-size:14px;
	font-weight:bold;
	color:#265F9D;
	line-height:2;
	padding:0 0 0 310px;
	margin:0;
	/*_text-align:left;*/
	text-align:left;
}

#creative.ashita_note.what div#under div#what_contents a:link{
	color:#D05077;
	text-decoration:none;
}

#creative.ashita_note.what div#under div#what_contents a:visited{
	color:#D05077;
	text-decoration:none;
}

#creative.ashita_note.what div#under div#what_contents a:hover{
	color:#D05077;
	text-decoration:underline;
}

#creative.ashita_note.what div#under div#what_contents a:active{
	color:#D05077;
	text-decoration:none;
}