@charset "utf-8";

/* Basic
---------------------------------------------*/
* { margin: 0; padding: 0; font-size: 100%; list-style: none; }
img { border: none; }

/* Link ★
---------------------------------------------*/
a:link, a:link * { color: #0A9AFF; text-decoration: none; outline: none; }
a:visited, a:visited *{ color: #7C24FF; text-decoration: none; outline: none; }
a:hover, a:hover *{ color: #FF0977; text-decoration: underline; outline: none; }

/* All
---------------------------------------------*/
body {
	background: #F8EAF6 url("../img/bg_main.jpg") repeat left top;
	background-attachment: fixed;
	color: #222;
	font-size: 80%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,Helvetica,sans-serif;
	line-height: 1.4;
	/*\*/
	letter-spacing: 0.05em;
	/**/
	text-align: center;
}
#pcontainer {
	background: #FFF;
	text-align: left;
	margin: 0 auto 0;
	position: relative;
	width: 860px;
}

#ctv_tab { background: #FFF; margin: 0 0; width: 860px; }

#pagebody { background: #FFF url(../img/main_bg.gif) left top repeat-y; position: relative; width: 848px; margin: 10px 0 0 0; }
#main1 { margin: 0 0 10px 0; float: left; text-align: left; width: 592px; }
#menu1 { margin: 0 0 10px 0; float: right; text-align: left; width: 256px; }



/* Menu Navigation
---------------------------------------------*/
h1, h1 a { background: url(../img/main_logo.gif) no-repeat; display: block; width: 256px; text-indent: -9999px; height: 73px; margin: 0; }
h1 a:hover { background: url(../img/main_logob.gif) no-repeat; }
h1 SPAN { text-indent: -9999px; margin: 0px; }


#navi, #navi2, #navi3, #navi4 { color: #FFF; width: 256px; margin: 0 0; height: /*18px;*/ }
#navi li, #navi2 li, #navi3 li, #navi4 li { display: block; float: left; }
#navi li a, #navi2 li a, #navi3 li a, #navi4 li a { display: block; text-indent: -9999px; }
#navi li a { margin: 6px 0 0 0; line-height: 65px; }

#navi2 li a, #navi3 li a, #navi4 li a { margin: 0; line-height: 25px; }
#navi2 li#p_mov13 a, #navi3 li#p_art12 a, #navi4 li#p_dra12 a { margin: 0; line-height: 32px; }


/* チュウキョ～くんといっしょ。 */
#navi li#p_issyo a       { background: transparent url(../img/main_menu_issyo01.gif) no-repeat scroll left top; height: 87px; width: 256px; }
#navi li#p_issyo a:hover { background: transparent url(../img/main_menu_issyo02.gif) no-repeat scroll left bottom; }

#navi li#p_blo01 a       { background: transparent url(../img/main_menu10.gif) no-repeat scroll left top; height: 65px; width: 256px; }
#navi li#p_blo01 a:hover { background: transparent url(../img/main_menu10.gif) no-repeat scroll left bottom; }
#navi li#p_mov01 a       { background: transparent url(../img/main_menu11.gif) no-repeat scroll left top; height: 65px; width: 256px; }
#navi li#p_mov01 a:hover { background: transparent url(../img/main_menu11.gif) no-repeat scroll left bottom; }
#navi li#p_art01 a       { background: transparent url(../img/main_menu12.gif) no-repeat scroll left top; height: 65px; width: 256px; }
#navi li#p_art01 a:hover { background: transparent url(../img/main_menu12.gif) no-repeat scroll left bottom; }
#navi li#p_pro01 a       { background: transparent url(../img/main_menu13.gif) no-repeat scroll left top; height: 65px; width: 256px; }
#navi li#p_pro01 a:hover { background: transparent url(../img/main_menu13.gif) no-repeat scroll left bottom; }
#navi li#p_par01 a       { background: transparent url(../img/main_menu14.gif) no-repeat scroll left top; height: 65px; width: 256px; }
#navi li#p_par01 a:hover { background: transparent url(../img/main_menu14.gif) no-repeat scroll left bottom; }
#navi li#p_mus01 a       { background: transparent url(../img/main_menu15.gif) no-repeat scroll left top; height: 65px; width: 256px; }
#navi li#p_mus01 a:hover { background: transparent url(../img/main_menu15.gif) no-repeat scroll left bottom; }


/* Sub Menu */
#navi2 li#p_mov11 a       { background: transparent url(../img/main_menu01a01.gif) no-repeat scroll left top; height: 25px; width: 256px; }
#navi2 li#p_mov11 a:hover { background: transparent url(../img/main_menu01a01.gif) no-repeat scroll left bottom; }
#navi2 li#p_mov12 a       { background: transparent url(../img/main_menu01a02.gif) no-repeat scroll left top; height: 25px; width: 256px; }
#navi2 li#p_mov12 a:hover { background: transparent url(../img/main_menu01a02.gif) no-repeat scroll left bottom; }
#navi2 li#p_mov13 a       { background: transparent url(../img/main_menu01a03.gif) no-repeat scroll left top; height: 32px; width: 256px; }
#navi2 li#p_mov13 a:hover { background: transparent url(../img/main_menu01a03.gif) no-repeat scroll left bottom; }
#navi3 li#p_art11 a       { background: transparent url(../img/main_menu02a01.gif) no-repeat scroll left top; height: 25px; width: 256px; }
#navi3 li#p_art11 a:hover { background: transparent url(../img/main_menu02a01.gif) no-repeat scroll left bottom; }
#navi3 li#p_art12 a       { background: transparent url(../img/main_menu02a02.gif) no-repeat scroll left top; height: 32px; width: 256px; }
#navi3 li#p_art12 a:hover { background: transparent url(../img/main_menu02a02.gif) no-repeat scroll left bottom; }
#navi4 li#p_pro11 a       { background: transparent url(../img/main_menu13a01.gif) no-repeat scroll left top; height: 25px; width: 256px; }
#navi4 li#p_pro11 a:hover { background: transparent url(../img/main_menu13a01.gif) no-repeat scroll left bottom; }
#navi4 li#p_pro12 a       { background: transparent url(../img/main_menu13a02.gif) no-repeat scroll left top; height: 25px; width: 256px; }
#navi4 li#p_pro12 a:hover { background: transparent url(../img/main_menu13a02.gif) no-repeat scroll left bottom; }
#navi4 li#p_pro13 a       { background: transparent url(../img/main_menu13a03.gif) no-repeat scroll left top; height: 32px; width: 256px; }
#navi4 li#p_pro13 a:hover { background: transparent url(../img/main_menu13a03.gif) no-repeat scroll left bottom; }


/* Page Selected */
#navi li#p_mov01 .selected  { background: transparent url(../img/main_menu11.gif) no-repeat scroll left bottom; width: 256px; }
#navi li#p_art01 .selected  { background: transparent url(../img/main_menu12.gif) no-repeat scroll left bottom; width: 256px; }
#navi li#p_pro01 .selected  { background: transparent url(../img/main_menu13.gif) no-repeat scroll left bottom; width: 256px; }
#navi li#p_par01 .selected  { background: transparent url(../img/main_menu14.gif) no-repeat scroll left bottom; width: 256px; }
#navi li#p_mus01 .selected  { background: transparent url(../img/main_menu15.gif) no-repeat scroll left bottom; width: 256px; }
#navi2 li#p_mov11 .selected { background: transparent url(../img/main_menu01a01.gif) no-repeat scroll left bottom; width: 256px; }
#navi2 li#p_mov12 .selected { background: transparent url(../img/main_menu01a02.gif) no-repeat scroll left bottom; width: 256px; }
#navi2 li#p_mov13 .selected { background: transparent url(../img/main_menu01a03.gif) no-repeat scroll left bottom; width: 256px; }
#navi3 li#p_art11 .selected { background: transparent url(../img/main_menu02a01.gif) no-repeat scroll left bottom; width: 256px; }
#navi3 li#p_art12 .selected { background: transparent url(../img/main_menu02a02.gif) no-repeat scroll left bottom; width: 256px; }
#navi4 li#p_pro11 .selected { background: transparent url(../img/main_menu13a01.gif) no-repeat scroll left bottom; width: 256px; }
#navi4 li#p_pro12 .selected { background: transparent url(../img/main_menu13a02.gif) no-repeat scroll left bottom; width: 256px; }
#navi4 li#p_pro13 .selected { background: transparent url(../img/main_menu13a03.gif) no-repeat scroll left bottom; width: 256px; }


/*
#navi li#p_dra01 a       { background: transparent url(../img/main_menu04.gif) no-repeat scroll left top; height: 65px; width: 256px; }
#navi li#p_dra01 a:hover { background: transparent url(../img/main_menu04.gif) no-repeat scroll left bottom; }
#navi4 li#p_dra11 a       { background: transparent url(../img/main_menu04a01.gif) no-repeat scroll left top; height: 25px; width: 256px; }
#navi4 li#p_dra11 a:hover { background: transparent url(../img/main_menu04a01c.gif) no-repeat scroll left bottom; }
#navi4 li#p_dra12 a       { background: transparent url(../img/main_menu04a02.gif) no-repeat scroll left top; height: 32px; width: 256px; }
#navi4 li#p_dra12 a:hover { background: transparent url(../img/main_menu04a02c.gif) no-repeat scroll left bottom; }
#navi4 li#p_dra11 .selected { background: transparent url(../img/main_menu04a01.gif) no-repeat scroll left bottom; width: 256px; }
#navi4 li#p_dra12 .selected { background: transparent url(../img/main_menu04a02.gif) no-repeat scroll left bottom; width: 256px; }
#navi li#p_dra01 .selected  { background: transparent url(../img/main_menu04.gif) no-repeat scroll left bottom; width: 256px; }
*/




/* Main contents Header
---------------------------------------------*/
#mov01 h2, #mov02 h2, #mov03 h2, #gal01 h2, #gal02 h2, #mus01 h2, #dra01 h2, #dra02 h2, #par01 h2, #pro01 h2, #pro02 h2, #pro03 h2
{ display: block; width: 592px; text-indent: -9999px; margin: 21px 0 0 0; }
#mov01 h2, #mov02 h2, #mov03 h2 { height: 52px; }
#gal01 h2, #gal02 h2, #mus01 h2, #dra01 h2, #dra02 h2, #par01 h2, #pro01 h2, #pro02 h2 { height: 119px; }
#pro03 h2 { height: 169px; }

#mov01 h2 { background: url(../img/main_title01a.gif) no-repeat; }
#mov02 h2 { background: url(../img/main_title02a.gif) no-repeat; }
#mov03 h2 { background: url(../img/main_title03a.gif) no-repeat; }
#gal01 h2 { background: url(../img/main_title04.gif) no-repeat; }
#gal02 h2 { background: url(../img/main_title05.gif) no-repeat; }
#mus01 h2 { background: url(../img/main_title06.gif) no-repeat; }
#dra01 h2 { background: url(../img/main_title07.gif) no-repeat; }
#dra02 h2 { background: url(../img/main_title07b.gif) no-repeat; }
#par01 h2 { background: url(../img/main_title08.gif) no-repeat; }
#pro01 h2 { background: url(../img/main_title09.gif) no-repeat; }
#pro02 h2 { background: url(../img/main_title09.gif) no-repeat; }
#pro03 h2 { background: url(../img/main_title09c.gif) no-repeat; }



/* Footer
---------------------------------------------*/
#gotop { text-align: left; padding: 6px 0 4px 460px; }
#gotop a { display: block; line-height: 24px; text-indent: -9999px; }
#gotop a { background: transparent url(../img/main_btn_totop.gif) no-repeat scroll left top; height: 24px; width: 132px; }
#gotop a:hover { background: transparent url(../img/main_btn_totop.gif) no-repeat scroll left bottom; }

#footer { background: #FFF url(../img/main_bg.gif) left top repeat-y; position: relative; clear: both; padding: 0; width: 848px; }
#footer p { background: #FFF url(../img/main_footer.gif) no-repeat; color: #FFF; line-height: 30px; height: 30px; text-indent: -9999px; }















/* b_XXXX */
body#b_mov01, body#b_mov02, body#b_mov03, body#b_gal01, body#b_gal02, body#b_pro01, body#b_pro02, body#b_pro03, #origami {
	background: #FAF8EB url("../img/01bg_main.jpg") repeat left top; }
#pcontainer01 { background: #FFF; text-align: left; margin: 0 auto 0; position: relative; width: 600px; }
#pagebody01 { background: #FFF url(../img/01main_bg.gif) left top repeat-y; position: relative; width: 600px; margin: 0; }

#b_mov01, #b_mov02, #b_mov03, #b_gal01, #b_gal02, #b_pro01, #b_pro02, #b_pro03, #origmami { background: #FFF; text-align: left; }
#b_mov01 #footer, #b_mov02 #footer, #b_mov03 #footer, #b_gal01 #footer, #b_gal02 #footer, #b_pro01 #footer, #b_pro02 #footer, #b_pro03 #footer, #origami #footer {
	background: #FFF url(../img/01main_bg.gif) left top repeat-y; position: relative; clear: both; padding: 0; width: 600px; }
#b_mov01 h2, #b_mov02 h2, #b_mov03 h2, #b_gal01 h2, #b_gal02 h2, #b_pro01 h2, #b_pro02 h2, #b_pro03 h2 {
	display: block; width: 592px; text-indent: -9999px; margin: 12px 0 0 0; }
#b_mov01 h2, #b_mov02 h2, #b_mov03 h2 { height: 52px; }
#b_gal01 h2, #b_gal02 h2, #b_pro01 h2, #b_pro02 h2 { height: 119px; }
#b_pro03 h2 { height: 169px; }

#b_mov01 h2 { background: url(../img/01main_title01a.gif) no-repeat; }
#b_mov02 h2 { background: url(../img/01main_title02a.gif) no-repeat; }
#b_mov03 h2 { background: url(../img/01main_title03a.gif) no-repeat; }
#b_gal01 h2 { background: url(../img/01main_title04.gif) no-repeat; }
#b_gal02 h2 { background: url(../img/01main_title05.gif) no-repeat; }
#b_pro01 h2 { background: url(../img/01main_title09.gif) no-repeat; }
#b_pro02 h2 { background: url(../img/01main_title09.gif) no-repeat; }
#b_pro03 h2 { background: url(../img/01main_title09c.gif) no-repeat; }


/* えいがかん */
#b_mov01 h3, #b_mov02 h3, #b_mov03 h3{
	background: url(../img/01main_title01b.gif) no-repeat; display: block; width: 592px; text-indent: -9999px; height: 67px; margin:0 ; }
#b_mov01 .block01 { margin: 0; padding: 0 0 0 37px; width: 541px; }
#b_mov01 .block01_pic { float: left; margin: 0; padding: 0; width: 240px; }
#b_mov01 .block01_btn { float: right; margin: 0; padding: 0; width: 301px; }
#b_mov01 .block02_btn { float: right; vertical-align: bottom; margin: 0; padding: 0; width: 284px; height: 32px; }
#b_mov01 .block02_btn li { display: block; float: left; }
#b_mov01 .block02_btn li a { margin: 0 0 0 9px; display: block; line-height: 32px; text-indent: -9999px; }
#b_mov01 .block02_btn .btn_mov a { background: transparent url(../img/main_btn_mov01.gif) no-repeat scroll left top; height: 32px; width: 143px; }
#b_mov01 .block02_btn .btn_mov a:hover { background: transparent url(../img/main_btn_mov01.gif) no-repeat scroll left bottom; }
#b_mov01 .block02_btn .btn_cont a { background: transparent url(../img/main_btn_mov02.gif) no-repeat scroll left top; height: 32px; width: 123px; }
#b_mov01 .block02_btn .btn_cont a:hover { background: transparent url(../img/main_btn_mov02.gif) no-repeat scroll left bottom; }
#b_mov01 .sp_line { margin: 12px 0 6px 0; }
#b_mov01 .block11_pic { float: left; margin: 0; padding: 0; width: 176px; }
#b_mov01 .block11_btn { float: right; margin: 0; padding: 0; width: 365px; }
#b_mov01 .block12_btn { float: right; margin: 39px 0 0 0; padding: 0; width: 284px; height: 33px; }
#b_mov01 .block12_btn li { display: block; float: left; }
#b_mov01 .block12_btn li a { margin: 0 0 0 9px; display: block; width: 100px; line-height: 33px; text-indent: -9999px; }
#b_mov01 .block12_btn .btn_mov a { background: transparent url(../img/main_btn_mov03.gif) no-repeat scroll left top; height: 33px; width: 143px; }
#b_mov01 .block12_btn .btn_mov a:hover { background: transparent url(../img/main_btn_mov03.gif) no-repeat scroll left bottom; }
#b_mov01 .block12_btn .btn_cont a, 
#b_mov01 .block12_btn .btn_cont2 a { background: transparent url(../img/main_btn_mov04.gif) no-repeat scroll left top; height: 33px; width: 123px; }
#b_mov01 .block12_btn .btn_cont a:hover, 
#b_mov01 .block12_btn .btn_cont2 a:hover { background: transparent url(../img/main_btn_mov04.gif) no-repeat scroll left bottom; }
#b_mov01 .block12_btn .btn_cont2 a { margin-left: 161px; }
#b_mov02 .block01 { margin: 0; padding: 0 0 0 37px; width: 540px; }
#b_mov02 .block_3smov { float: left; margin: 0; padding: 0; text-align: center; width: 135px; }
#b_mov02 .sp_line { margin: 12px 0 6px 0; }
#b_mov03 .block01 { margin: 0; padding: 0 0 0 37px; width: 541px; }
#b_mov03 .block01_pic { float: left; margin: 0; padding: 0; width: 170px; }
#b_mov03 .block01_btn { float: right; margin: 0; padding: 0; width: 371px; }
#b_mov03 .block01_btn { margin: 0; padding: 0; width: 112px; height: 27px; float: left; }
#b_mov03 .block01_btn a { margin: 65px 0 0 32px; display: block; line-height: 27px; text-indent: -9999px; }
#b_mov03 .block01_btn a { background: transparent url(../img/main_btn_mov06.gif) no-repeat scroll left top; height: 27px; width: 112px; }
#b_mov03 .block01_btn a:hover { background: transparent url(../img/main_btn_mov06.gif) no-repeat scroll left bottom; }
#b_mov03 .sp_line { margin: 8px 0 4px 0; }
#b_mov01 .fmenu, #b_mov02 .fmenu, #b_mov03 .fmenu { text-align: right; padding: 0 12px 1px 0; }

/* びじゅつかん */
#b_gal01 .block01 { background: url(../img/main_art_chara01.gif) no-repeat; display: block;
 margin: 10px auto; padding: 0; text-align: left; height: 562px; width: 566px; position: relative; }
#b_gal02 .block01 { margin: 0; padding: 0 0 10px 13px; text-align: center; width: 566px; }
#b_gal02 .block02 { margin: 0; padding: 0 0 8px 13px; text-align: center; width: 566px; }
#b_gal01 .fmenu, #b_gal02 .fmenu { text-align: right; }
#b_gal01 .fmenu, #b_gal02 .fmenu { padding: 10px 12px 1px 0; }

/* おやくそくしよう */
#b_pro01 .block01 { margin: 0; padding: 10px 0 10px 85px; text-align: center; width: 450px; }
#b_pro01 .block02 { margin: 0; padding: 18px 0 16px 0; text-align: center; font-size: 88%; }
#b_pro02 .block01 { margin: 0; padding: 10px 0 10px 46px; text-align: center; width: 508px; }
#b_pro02 .block_ymov1, #b_pro02 .block_ymov2 { float: left; margin: 0 0 12px 0; padding: 0; text-align: center; width: 240px; }
#b_pro02 .block_ymov1 { margin-right: 28px; padding: 0; }
#b_pro03 .block01 { margin: 0; padding: 2px 0 2px 37px; width: 540px; }
#b_pro03 .block_ph { float: left; margin: 0 2px 8px 0; padding: 0; text-align: center; width: 268px; font-size: 112%; line-height: 160%; }
#b_pro03 .block_ph a:hover { text-decoration: none; }
#b_pro03 h3 { background: transparent url(../img/01main_promisebgday.gif) no-repeat scroll left top; height: 32px; padding: 8px 0 0 36px; color: #6C6C6C; font-size: 120%; }
#b_pro03 .block02 { margin: 0; padding: 4px 0 16px 0; text-align: center; }
#b_pro03 .block02 a { background: transparent url(../img/main_promise_btn02.gif) no-repeat scroll left top; 
display: block; line-height: 33px; text-indent: -9999px; margin: 20px auto 0;  height: 33px; width: 165px; }
#b_pro03 .block02 a:hover { background: transparent url(../img/main_promise_btn02.gif) no-repeat scroll left bottom; }
#b_pro01 .fmenu, #b_pro02 .fmenu, #b_pro03 .fmenu { text-align: right; }
#b_pro01 .fmenu2, #b_pro02 .fmenu2, #b_pro03 .fmenu2 { text-align: right; font-size: 86%; }
#b_pro01 .fmenu, #b_pro02 .fmenu, #b_pro03 .fmenu { padding: 10px 12px 1px 0; }
#b_pro01 .fmenu2, #b_pro02 .fmenu2 { padding: 0px 12px 4px 0; }
#b_pro03 .fmenu2 { padding: 6px 12px 1px 0; }
#b_pro03 .flink1 { text-align: center; font-size: 90%; padding: 16px 0 12px; }










/* Other
---------------------------------------------*/
/* clear */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table; zoom: 1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

