@charset "utf-8";

/*----------------------------------------
* last update 2009-07-21
* Search key "++n"
* COPYRIGHT(C)www.diane-o.com.ALL RIGHTS RESERVED.
* Editor - A.W.
* 
* +0  reset parts
* +1  header parts
* +2  navigation parts
* +3  footer parts
* +4  category title parts
* +5  common parts
* +6  rakugo parts
* +7  balloon parts
* +8  profile parts
* +9  diary parts
* +10 schedule parts 
* +11 photo parts
* +12 
* +13
* +00 index parts
* +000 other parts

----------------------------------------*/

/*----------------------------------------
++0 reset parts
----------------------------------------*/

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	}
	
th, td, form, fieldset{
	margin:0;
	padding:0;
	}

ul,ol {
	list-style:none;
	}

img,fieldset{
	border:0;
	}
	
	

/* default style */
body{
	background:#0066ff;
	color:#333;
	font-size:62.5%;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align:center;
	}


#container{
	width:800px;
	background:#fff;
	text-align:left;
	line-height:1.3;
	margin:0 auto;
	}
	
a{color:#00f;text-decoration:none;}
a:hover{color:#00f;text-decoration:underline;}


/*----------------------------------------
++1 header parts
----------------------------------------*/

#header{
	position:relative;
	width:800px;
	height:46px;
	background:url(../common/header_bg.gif) no-repeat;
	margin:0 auto 18px;
	}
h1 a{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:454px;
	height:46px;
	text-indent:-9999px;
	text-decoration:none;
	}
h1 a:focus{outline:0;}

						
/*----------------------------------------
++2 navigation parts
----------------------------------------*/

#gnavi{
	width:600px;
	height:82px;
	background:url(../common/gnavi_bg.gif) no-repeat;
	margin:0 auto 15px;
	}
#gnavi li{
	float:left;
	}
#gnavi li a{
	display:block;
	width:73px;
	height:82px;
	text-indent:-9999px;
	margin:0 2px 0 0;
	}
#gnavi li#m01 a,
#gnavi li#m02 a{
	width:77px;
	}
#gnavi li#home a{
	width:63px;
	}
#gnavi li a:hover{background:url(../common/gnavi_bg.gif) no-repeat;}
#gnavi li#m01 a:hover{background-position:0 -103px;}
#gnavi li#m02 a:hover{background-position:-79px -103px;}
#gnavi li#m03 a:hover{background-position:-158px -103px;}
#gnavi li#m04 a:hover{background-position:-233px -103px;}
#gnavi li#m05 a:hover{background-position:-308px -103px;}
#gnavi li#m06 a:hover{background-position:-383px -103px;}
#gnavi li#m07 a:hover{background-position:-458px -103px;}
#gnavi li#home a:hover{background-position:-533px -103px;}
	
/*----------------------------------------
++3 footer parts
----------------------------------------*/

#footer{
	clear:both;
	position:relative;
	width:800px;
	height:200px;
	background:url(../common/footer_bg.gif) no-repeat left bottom;
	}
	
#contact_box{
	position:absolute;
	top:0;
	left:20px;
	width:582px;
	height:141px;
	background:url(../common/jp_contactbox_bg.png) no-repeat;
	text-indent:-9999px;
	}
#contact_box a{
	position:absolute;
	top:65px;
	left:0;
	display:block;
	width:580px;
	height:76px;
	}
#schedule #contact_box dt,
#schedule #contact_box dd{
	border:none;
	}
#footer #page_top{
	float:right;
	display:inline; /* for IE6 */
	width:161px;
	height:63px;
	background:url(../common/i_pagetop_bg.gif) no-repeat;
	margin:70px 14px 0 0;
	}
#footer #page_top li{
	float:left;
	}
#footer #page_top li a{
	display:block;
	height:63px;
	text-indent:-9999px;
	}
#footer #page_top li#p_top01 a{width:89px;}
#footer #page_top li#p_top02 a{width:72px;}	
#footer #page_top li a:hover{background:url(../common/i_pagetop_bg.gif) no-repeat;}
#footer #page_top li#p_top01 a:hover{background-position:left bottom;}
#footer #page_top li#p_top02 a:hover{background-position:right bottom;}
#footer p{
	text-indent:-9999px;
	}	

/*----------------------------------------
++4 category title parts
----------------------------------------*/

#main_title{
	position:relative;
	width:800px;
	height:292px;
	margin:0 auto 10px;
	}
#main_title h2{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}
#rakugo #main_title{background:#333 url(../common/category_title/tit_rakugo.jpg) no-repeat;}
#balloon #main_title{background:#333 url(../common/category_title/tit_balloon.jpg) no-repeat;}
#profile #main_title{background:#333 url(../common/category_title/tit_profile.jpg) no-repeat;}
#diary #main_title{background:#333 url(../common/category_title/tit_diary.jpg) no-repeat;}
#photo #main_title{background:#333 url(../common/category_title/tit_photo.jpg) no-repeat;}
#schedule #main_title{background:#333 url(../common/category_title/tit_schedule.jpg) no-repeat;}

#main_title #category_note{
	position:absolute;
	top:120px;
	left:237px;
	width:412px;
	color:#fff;
	font-size:1.2em;
	line-height:1.5;
	}
#profile #main_title #category_note{
	top:70px;
	line-height:1.3;
	}
#main_title #category_note p{
	margin:0 auto 10px;
	}
#profile  #main_title #category_note p.first_note{margin:0 0 10px -10px;}	
#main_title #category_note p.first_note{width:400px;margin:0 0 10px 0;}
#main_title #category_note p.second_note{padding:0 0 0 10px;}
#main_title #category_note p.third_note{padding:0 0 0 20px;}



/*----------------------------------------
++5 common parts
----------------------------------------*/

#wrap p{
	font-size:1.2em;
	}

#lead p{
	padding:0 10px;
	margin:0 auto 10px;
	}
#wrap p.catch{
	padding:0 10px;
	margin:0 auto 12px;
	}
#rakugo #wrap p.catch{	
	background:url(../common/lead_bg.gif) no-repeat center bottom;
	padding:0 10px 50px;
	margin:0 auto 18px;
	}	
	
table{
	border:1px solid #F69;
	}
th{
	text-align:left;
	}
h3{
	clear:both;
	width:745px;
	height:32px;
	background:url(../common/tit_01.png) no-repeat;
	color:#fff;
	font-size:1.6em;
	letter-spacing:0.2em;
	line-height:2;
	padding:0 0 0 25px;
	margin:15px auto 15px;
	}

.pagetop{
	text-align:right;
	padding:0 20px 0 0;
	margin:0 auto 10px;
	}
.pagetop a{color:#F69;}	

option{
	padding:0 10px 0 0;
	}
	
/*----------------------------------------
++6 rakugo parts
----------------------------------------*/

#rakugo_contents{
	width:796px;
	height:790px;
	background:url(../jp/rakugo/img/image_bg.jpg) no-repeat;
	padding:134px 0 0 0;
	margin:0 auto 15px;
	}

.movie{
	text-align:center;
	margin:0 auto 15px;
	}

/* delete later↓ */
#rakugo_contents table{
	width:400px;
	background:url(../jp/rakugo/img/bg_01.gif) right top;
	font-size:1.2em;
	border:none;
	margin:0 auto;
	}
#rakugo_contents table th{
	background:#fff;
	color:#f00078;
	padding:4px 4px 0 4px;
	}
#rakugo_contents table td{
	padding:6px 6px 8px 6px;
	}
/* delete later↑ */	

/*----------------------------------------
++7 balloon title parts
----------------------------------------*/

#balloon #main_image{
	width:800px;
	height:595px;
	background:url(../jp/balloon/img/main_image.jpg) no-repeat;
	margin:-12px auto 10px;
	}
#balloon #main_image p{
	padding:537px 0 0 10px;
	}
#balloon #main_image.catch{
	padding:0 0 2px;
	}
#balloon .biography td{
	width:50%;
	}	

/*----------------------------------------
++8 profile parts
----------------------------------------*/

#profile table,
#balloon table{
	clear:both;
	width:680px;
	margin:0 auto 15px;
	}
#profile table th,
#balloon table th{
	background:url(../common/tit_02.png) no-repeat right bottom;
	color:#f36;
	font-size:1.6em;
	letter-spacing:0.2em;
	padding:3px 6px;
	border:1px solid #f36;
	}
#profile table td,
#balloon table td{
	font-size:1.4em;
	padding:6px 8px;
	border:1px solid #f36;
	}
#profile .biography td{
	width:33%;
	}
	

/*----------------------------------------
++9 diary parts
----------------------------------------*/

#update_list{
	position:absolute;
	top:-26px;
	left:-220px;
	width:200px;
	height:180px;
	background:url(../jp/diary/img/update_bg.png) no-repeat;
	}
#update_list h3{
	width:200px;
	height:25px;
	background:none;
	text-indent:-9999px;
	padding:0;
	margin:0 auto;
	}
#update_list ul{
	width:188px;
	height:140px;
	color:#333;
	margin:8px auto 0;
	overflow:auto;
	}
#update_list ul li{
	background:url(../common/icon_01.png) no-repeat 0 4px;
	padding:0 0 0 14px;
	}
	

#article{
	width:680px;
	font-size:1em;
	border:1px solid #f99;
	padding:10px;
	margin:0 auto 15px;
	}
#blog_date{
	float:right;
	display:inline;
	margin:0 auto 15px;
	}	

#blog_date p{
	width:120px;
	text-align:right;
	border-bottom:1px solid #f99;
	padding:0 5px 2px 0;
	margin:0 0 4px;
	}
#article h4{
	clear:both;
	color:#f93e80;
	font-size:1.4em;
	text-indent:5px;
	border-bottom:3px double #f99;
	margin:0 auto 15px;
	}
#entry p{
	width:640px;
	font-size:1.4em;
	line-height:1.5;
	padding:0 0 3px 0;
	margin:0 auto 16px;
	}
#entry table{
	border:none;
	margin:15px auto;
	}
#entry table td{
	text-align:center;
	vertical-align:top;
	padding:4px;
	}
#entry table td a img{border:3px solid #eee;}
#entry table td a:hover img{border:3px solid #f69;}


/*----------------------------------------
++10 schedule parts
----------------------------------------*/

.program{
	clear:both;
	width:700px;
	padding:8px 6px;
	margin:0 auto 10px;
	}
.sche_rakugo{border:4px solid #f9c; background:#fff url(../common/i_sche_rakugo.png) no-repeat right bottom}
.sche_balloon{border:4px solid #95caff;background:#fff url(../common/i_sche_balloon.png) no-repeat right bottom}
.sche_tv{border:4px solid #c5ec68;background:#fff url(../common/i_sche_tv.png) no-repeat right bottom}

.program h4{
	width:680px;
	font-size:1.4em;
	line-height:1.5;
	padding:5px;
	margin:0 auto 10px;
	}
.program.sche_rakugo h4{color:#da006c;background:#ffcee7;}
.program.sche_balloon h4{color:#0062aa;background:#def;}	
.program.sche_tv h4{color:#52700d;background:#ebfacd;}

#schedule dl{
	width:660px;
	font-size:1.4em;
	margin:0 auto;
	}
#schedule dl dt{
	clear:left;
	float:left;
	width:150px;
	border-left:5px solid #ccc;
	padding:0 0 0 7px;
	margin:0 0 5px;
	}
#schedule dl dd{
	border-bottom:1px dashed #ccc;
	padding:0 0 0 4px;
	margin:0 0 5px 160px;
	}
	

/*----------------------------------------
++11 photo parts
----------------------------------------*/

/* delete later　↓*/
#photo table{
	font-size:1.2em;
	border:none;
	margin:0 auto;
	}
#photo table td{
	padding:5px;
	}
/* delete later　↑*/	

#p_index_list{
	width:720px;
	margin:0 auto;
	}
#p_index_list li{
	float:left;
	display:inline;
	text-align:center;
	font-size:1.2em;
	}
#p_index_list li a{
	display:block;
	width:180px;
	text-decoration:none;
	margin:0 26px 25px; /* for IE6 */
	}
#p_index_list li>a{
	margin:0 30px 25px; /* for modern browser */
	}
#p_index_list li a:hover{color:#f36;}
#p_index_list li a img{
	border:3px solid #ccc;
	margin:2px auto 0;
	}
#p_index_list li a:hover img{
	border:3px solid #f36;
	}
	

#photo_thumbnail_list{
	width:690px;
	margin:15px auto;
	}
#photo_thumbnail_list li{
	display:inline;
	}
#photo_thumbnail_list li a img{
	border:3px solid #ccc;
	margin:4px;
	}
#photo_thumbnail_list li a:hover img{
	border:3px solid #f36;
	}
	
#photo_category_navi{
	width:755px;
	height:65px;
	background:url(../jp/photo/img/subnavi_bg.png) no-repeat;
	margin:34px auto 20px;
	}
#photo_category_navi li{
	float:left;
	display:inline;
	}
#photo_category_navi li a{
	display:block;
	width:150px;
	height:32px;
	text-indent:-9999px;
	margin:0 1px 1px 0;
	}
#photo_category_navi li#p_cate01 a{margin:0 1px 1px 151px;}

#photo_category_navi li a:hover{background:url(../jp/photo/img/subnavi_bg.png) no-repeat;}
#photo_category_navi li#p_cate01 a:hover{background-position:-151px -75px;}
#photo_category_navi li#p_cate02 a:hover{background-position:-302px -75px;}
#photo_category_navi li#p_cate03 a:hover{background-position:-453px -75px;}
#photo_category_navi li#p_cate04 a:hover{background-position:-604px -75px;}
#photo_category_navi li#p_cate05 a:hover{background-position:0 -108px;}
#photo_category_navi li#p_cate06 a:hover{background-position:-151px -108px;}
#photo_category_navi li#p_cate07 a:hover{background-position:-302px -108px;}
#photo_category_navi li#p_cate08 a:hover{background-position:-453px -108px;}
#photo_category_navi li#p_cate09 a:hover{background-position:-604px -108px;}

#photo h3#p_tit_category{background:url(../jp/photo/img/tit_category.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_rakugo{background:url(../jp/photo/img/tit_rakugo.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_balloons{background:url(../jp/photo/img/tit_balloons.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_japanese{background:url(../jp/photo/img/tit_japanese.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_travel{background:url(../jp/photo/img/tit_travel.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_japan{background:url(../jp/photo/img/tit_japan.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_personal{background:url(../jp/photo/img/tit_personal.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_tv{background:url(../jp/photo/img/tit_tv.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_favorite{background:url(../jp/photo/img/tit_favorite.png) no-repeat;text-indent:-9999px;}
#photo h3#p_tit_family{background:url(../jp/photo/img/tit_family.png) no-repeat;text-indent:-9999px;}


/*----------------------------------------
++00 index parts
----------------------------------------*/

/* entrance parts */
#entrance_box{
	position:relative;
	width:752px;
	height:706px;
	background:url(../common/entrance_bg.jpg) no-repeat;
	text-indent:-9999px;
	margin:22px auto 20px;
	}
#enter_jp a{
	position:absolute;
	top:625px;
	left:287px;
	width:175px;
	height:47px;
	background:url(../common/enter_bg.png) no-repeat;
	}
#enter_jp a:hover{
	background-position:left bottom;
	}


/* JP index */
#jp_index #header{
	margin:0 auto;
	}
#jp_contents #index_main{
	position:relative;
	width:800px;
	height:392px;
	background:url(../common/jp_index_image.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 auto 6px;
	}
#jp_contents #index_main h3{
	background:none;
	}
#index_contact a{
	position:absolute;
	top:234px;
	left:288px;
	display:block;
	width:500px;
	height:76px;
	}
#contents_list{
	width:738px;
	margin:0 auto;
	}
#contents_list h2{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}
#contents_list .contents_list,
#contents_list .exlink{
	float:left;
	display:inline; /* for IE6 */
	width:230px;
	height:130px;
	background:url(../common/contentsList_bg.png) no-repeat;
	margin:0 24px 24px 0;
	}
#contents_list .contents_list#c03,
#contents_list .contents_list#c06{
	margin:0 0 24px;
	}
#contents_list .contents_list h3,
#contents_list .exlink h3{
	width:220px;
	height:32px;
	text-indent:-9999px;
	padding:0;
	margin:5px auto 8px;
	overflow:hidden;
	}
#contents_list .contents_list h3 a,
#contents_list .exlink h3 a{
	display:block;
	width:220px;
	height:32px;
	}
#contents_list .contents_list#c01 h3{background:url(../common/tit_rakugo.png) no-repeat top left;}
#contents_list .contents_list#c02 h3{background:url(../common/tit_balloon.png) no-repeat top left;}
#contents_list .contents_list#c03 h3{background:url(../common/tit_profile.png) no-repeat top left;}
#contents_list .contents_list#c04 h3{background:url(../common/tit_blog.png) no-repeat top left;}
#contents_list .exlink#c04 h3{background:url(../common/tit_blog.png) no-repeat top left;}
#contents_list .contents_list#c05 h3{background:url(../common/tit_photo.png) no-repeat top left;}
#contents_list .contents_list#c06 h3{background:url(../common/tit_schedule.png) no-repeat top left;}

.contents_list p,
.exlink p{
	width:210px;
	font-size:1.3em;
	line-height:1.5;
	margin:0 auto;
	}

#contents_list .contents_list.box_hover,
#contents_list .exlink.box_hover{
	cursor:pointer;
	background:url(../common/contentsList_bg.png) no-repeat top right;
	}

	

/*----------------------------------------
++000 other parts
----------------------------------------*/

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

.cle{
	clear:both;
	}

.center{
	text-align:center;
	}




/*----------------------------------------
++0000 delete later
----------------------------------------*/
.ss {	font-size: 10px;	color: #333333;　　line-height:　130%;}
.s {	font-size: 12px;	color: #333333;　　line-height:　130%;}
.s-b {	font-size: 12px;	color: #333333;	font-weight: bold;　　line-height:　130%;}
.sr {	font-size: 12px;	color: #ff0000;　　line-height:　130%;}
.sr-b {	font-size: 12px;	color: #ff0000;	font-weight: bold;　　line-height:　130%;}
.sg-b {	font-size: 12px;	color: #006600;	font-weight: bold;　　line-height:　130%;}
.sb-b {	font-size: 12px;	color: #3366ff;	font-weight: bold;　　line-height:　130%;}
.sp-b {	font-size: 12px;	color: #ff6666;	font-weight: bold;　　line-height:　130%;}
.sw {	font-size: 12px;	color: #ffffff;　　line-height:　110%;}

.m {	font-size: 14px;	color: #333333;　　line-height:　130%;}
.m-b {	font-size: 14px;	color: #333333;	font-weight: bold;　　line-height:　130%;}
.mr {	font-size: 14px;	color: #ff0000;　　line-height:　130%;}
.mr-b {	font-size: 14px;	color: #ff0000;	font-weight: bold;　　line-height:　130%;}
.mg {	font-size: 14px;	color: #006600;    line-height:　130%;}
.mg-b {	font-size: 14px;	color: #006600;	font-weight: bold;　　line-height:　130%;}
.mw {	font-size: 14px;	color: #ffffff;　　line-height:　130%;}
.mw-b {	font-size: 14px;	color: #ffffff;	font-weight: bold;　　line-height:　130%;}
.mb-b {	font-size: 14px;	color: #3366ff;	font-weight: bold;　　line-height:　130%;}

.l{	font-size: 15px;	color: #333333; 　　line-height:　130%;}
.l-b {	font-size: 15px;	color: #333333; font-weight: bold;　　line-height:　130%;}
.lr{	font-size: 15px;	color: #ff0000; 　　line-height:　130%;}
.lr-b {	font-size: 15px;	color: #ff0000; font-weight: bold;　　line-height:　130%;}