@charset "UTF-8";

/* ---[ common elements ]--------------------- */
body 		{
		margin-top: 0;
		padding: 0;
		text-align:center;
		background-color:  #F0F0F0;
		background-repeat: no-repeat;
		background-position: center top;
		font-family:"Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
		font-size: 12px;
		color: #333;
		line-height: 180%;
}
div,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5{
		margin: 0px;
		padding: 0px;
}
/*--------------- ul の初期設定（iE、Safari共通)  */
ul	{
		margin-top: 5px; 
		margin-bottom: 15px;
		margin-left: 15px;
		padding-left: 8px;
		list-style-type: disk;
}


/* ----------------------------------------------------------------------------ページ全体の囲み */
div.container	{
		margin: 0 auto;
		margin-top: 0px;
		width: 80%;
		height:auto;
		text-align: center;
		background-color:  #F0F0F0;
		/*border: 1px solid #666666;*/
}



/* ----------------------------------------------------------------------------中心部全体 */
div.content	{
		border: 1px solid #666;
		margin: 0 auto;
		margin-top: 0px;
		text-align: center;
		/*background: url(../img/topimg.jpg)  repeat-y;*/
		width: 80%;
		height:auto;
		background-color:  #FFFFFF;
}

div#movie_header	{
		margin: 0 auto;
		margin-top: 0px;
		text-align: center;
		background-color: #FFF;
		width: 820px;
}
div#navi_header	{
		margin: 0 auto;
		margin-top: 0px;
		text-align: center;
		padding-left: 20px;
		background-color: #FFF;
		/*border: 1px solid #6F6;*/
		width: 820px;
}
div#navi_btn			{
		float: left;
		width: 115px;
		/*border: 1px solid #66F;*/
}
	/*   */
div#navi_btn_ds			{
		float: left;
		width: 115px;
		opacity: 0.7;
		filter: grayscale(1);
		/*border: 1px solid #66F;*/
}


	/* -------------原稿部 */
div#main	{
		margin: 0 auto 0 auto;
		text-align: center;
		width: 820px;
		/* background-color:  #F0F0F0; */
		 /*border: 1px solid #F00;*/
}
}
/* -------------フッター部 */
div#foot	{
		background: url(../img/footer.jpg)  no-repeat;  
		clear: both;
		font-size: 11px;
		text-align: left;
		line-height: 11px;
		width: 820x;
		height: 50px;
}


div.cl	{
	/*background: url(../img/line.jpg)  no-repeat;  */
	width: 820px;
	height: 70px;
	clear: both;

}
.cl	{
	clear: both;
}
.honbun li	{
		list-style-type: decimal;
}

p.honbun {
		text-align: left;
		font-size: 16px;
		text-indent: 1em;
		width: 42em;
		font-family: 'Meiryo','MS UI Gothic',Osaka;
		color: #303030;
		margin-top: 10px;
		margin-left: 74px;
		line-height: 34px;
		/*border: 1px solid #666666;*/
	/* letter-spacing: 0.02em;*/
}

div.subTitle {
		padding: 0;
		margin: 0 auto;
		width: 780px; 
		font-weight: bold;
		color: #5F5F5F;
		line-height: 10px;
		/*border: 1px solid #666666;*/
}

h1	{
		width: 700px; 
		margin: 0 auto 0 auto;
		text-align: left;
		font-weight: bold;
		font-size: 16px;
		color: #69F;
		border-right: 1px solid #AAAAAA;
		border-bottom: 1px solid #AAAAAA;
		border-left: 15px solid #69F;
		background-color: #FAFEFF;
		padding: 4px 5px 2px 5px;
		line-height: 190%
}

button	{
		margin: 0 auto 0 auto;
		width: 90px;
		background-color: #FFF;
		/*outline: thick double #C2D1EE;*/
		border: 1px solid #FFF;

}



/* -------------- 挿絵　右配置 ---------*/
div#main img.r_pos	{
		float: right;
		padding-left: 10px;
}
/* -------------- 挿絵　左配置 ---------*/
div#main img.l_pos	{
		float: left;
		padding-right: 10px;
}
/* -------------- 挿絵　センター配置 ---------*/
div.c_pos	{
		margin: 0 auto;
		text-align:center;
		/* text-align:justify; */
		/* margin-left: 100px; */
}
div.cautionBox	{
		margin: 0 auto;
		text-align: center;
		background-color: #FDE9BA;
		display: flex;
		flex-direction: row;
		padding:10px 0px;
		width: 96%;
		height:auto;
}
div.cautionInBox	{
		margin: 0 auto;
		font-weight: bold;
		text-align: left;
		font-size: 14px;
		line-height: 160%;
		width: auto;
		/*background-color: #666666;*/
}
div.linkList	{
		margin: 0 auto;
		font-weight: bold;
		text-align: left;
		line-height: 130%;

}


div.columnBox	{
		margin: 0 auto 0 auto;
		text-align: center;
		font-size: 13px;
		padding-top: 10px;
		line-height: 240%;
		background-color: #FFA;
		width: 800px;
		border: 1px solid #EEF;

}
div.column	{
		margin: 0 auto 0 auto;
		text-align: left;
		font-size: 12px;
		line-height: 180%;
		width:85%;
		/*border: 1px solid #600;*/
}


div.logImg	{
	/* border: 1px solid #666666; */
	text-align: center;
	font-size: 12px; 
	line-height: 22px; 
}

div.i_view	{
	/*border: 1px solid #600; */
	width: 220px;
	float: left;
	text-align: center;
	font-size: 12px; 
	line-height: 22px; 
}

div.i_view_center	{
	border: 1px solid #600;
	width: 220px;
	text-align: center;
	font-size: 12px; 
	line-height: 22px; 
}

div.iv_text	{
	/*border: 1px solid #600; */
	padding-left: 10px;
	width: 200px;
	text-align: left;
	font-size: 12px; 
	line-height: 16px; 
}


/* a要素にデュレーションを入れる */
/* liのa要素のhoverに opacity:0.5;を指定*/
a	{
	
	transition-property:	opacity;
	opacity: 1;	
	transition:	0.5s;
}

/* リンク */
#navi_btn a:link	{
	color: #4444EE;
	display: inline;
	text-decoration: none;
}

#navi_btn a:visited	{
	color: #222288;
	font-weight: normal;
	display: inline;
	text-decoration: none;
}

#navi_btn a:hover	{
	opacity: 0.6;
	color: #0044FF;
	display: inline;
}
#navi_btn a:active	{
	display: inline;
	color: #0000CC;
	text-decoration: none;
}

div.snd		{
	width: 50px;
	height:	50px;
	/*border: 1px solid #666666; */
}


/* sndリンク */
div.snd a:link	{
	color: #4444EE;
	display: inline;
	text-decoration: none;
}

div.snd a:visited	{
	color: #222288;
	font-weight: normal;
	display: inline;
	text-decoration: none;
}

div.snd a:hover	{
	opacity: 0.6;
	color: #0044FF;
	display: inline;
}
div.snd a:active	{
	display: inline;
	color: #0000CC;
	text-decoration: none;
}



.footer a	{
	transition-property:	opacity;
	opacity: 1;	/*←ここは最終的に0 にする*/
	transition:	0.8s;
}



span.logo	{
		text-align: right;
		font-size: 8px;
		line-height: 50%;
		float: right;
		 /*border: solid 1px #0066cc; */
		/* padding-right: 10px; */
		color: #006699;
}

.bottomNavi	{
		margin: 0 auto;
		margin-top: 0px;
		text-align: center;
		height:	30px;
		/*border: solid 1px #0066cc; */
}

/*footer近くのボタン*/
.btmNavi_nextbtn	{
		background: url(img/rakugaki_1.png)  no-repeat; 
		float: right;
		width: 270px;
		padding-right: 10px;
		font-weight: bold;
		font-size: 16px;
}
.btmNavi_backbtn	{
		background: url(img/rakugaki_2.png)  no-repeat; 
		float: right;
		width: 270px;
		font-weight: bold;
		font-size: 16px;
}

/* footer近くのナビリンク */
div.bottomNavi a:link{
	color: #3366FF;	
	display: block; 
	text-decoration: none;
	list-style-type: none;
}
div.bottomNavi a:visited {
	color: #CC66FF;
	 display: block; 
	font-weight: bold;
	text-decoration: none;
}

div.bottomNavi a:hover  {
	color: #3366FF;
	/* display: inline-block; */
	 display: block; 
	text-decoration: none;
}
div.bottomNavi a:active {
	background-color: #E8EFF7;
	color: #0000CC;
	 display: block; 
	text-decoration: none;
}




/* 通常のリンク*/
a:link{
	color: #3366FF;	
	text-decoration: none;
	list-style-type: none;
}
a:visited {
	color: #CC66FF;
	font-weight: bold;
	text-decoration: none;
}

a:hover  {
	color: #3366FF;
	/* display: inline-block; */
	text-decoration: none;
}
a:active {
	background-color: #E8EFF7;
	color: #0000CC;
	text-decoration: none;
}


─────────────────────

span.title {
	float: left;
	padding-left: 18px;
	font-weight: bold;
	font-size: 18px;
	color: #6F3F0F;
	border-left: 3px solid #F4F4F4;
	line-height: 36px;
}


div.miniTtl	{
		margin-top: 30px;
		margin-left: 10px;
		width: 17em;
		line-height: 18px;
		/* border: solid 3px #0066cc; */
}






div#calender	{
		text-align:center;
		font-size: 10px;
		line-height: 11px;
		margin-top: 5px;
		margin-left: 30px;
		width: 16em;
		/* border: solid 3px #0066cc; */
}



div#kohshin	{
		font-size: 12px;
		line-height: 16px;
		margin-top: 0px;
		margin-left: 8px;
		width: 17em;
		/* border: solid 3px #0066cc; */
}
ul.kohsin	{
		margin: 0px; 
		padding: 0px;
		list-style-type: none;
}



div.btn		{
		font-size: 12px;
		margin-top: 5px;
		margin-left: 0px;
}

div.btn h2	{
		font-size: 12px;
		border-right: 1px solid #AAAAAA;
		border-bottom: 1px solid #AAAAAA;
		border-left: 12px solid #FF9900;
		background-color: #FFFAF4;
		padding: 2px 8px;
		margin-left: 4px;
		margin-right: 6px;
		margin-top: 10px;
		margin-bottom: 0px;
}

div.btn ul	{
		display: block;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
}
div.btn li	{
		border-right: 1px solid #AAAAAA;
		border-bottom: 1px solid #AAAAAA;
		border-left: 12px solid #0AE;
		margin-right: 6px;
		margin-left: 4px;
		padding-left: 8px;
		padding-top: 4px;
		text-align:left;
		/*background-image: url(../img/blk1.gif);*/
		background-repeat: no-repeat;
		line-height: 200%;
}





div.topBtn		{
		font-size: 12px;
		margin-top: 5px;
		margin-left: 20px;
}

div.topBtn h3{
		font-size: 12px;
		border-right: 1px solid #AAAAAA;
		border-bottom: 1px solid #AAAAAA;
		border-left: 15px solid #FF9900;
		background-color: #FFFAF4;
		padding: 2px 5px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		line-height: 13px;
}

div.topBtn li	{
		font-size: 18px;
		margin-left: 20px;
		padding-left: 4px;
		text-align:left;
		line-height: 140%
}



div.search	{
		margin-top: 10px;
		margin-left: 8px;
		margin-bottom: 80px;
}




div.block1	{
		margin-top: 100px;
		margin-left: 8px;
}

div.link	{
		margin-top: 100px;
		margin-left: 8px;
}
div.block2 {
		text-align: left;
		margin-top: 100px;
		margin-left: 8px;
}

.block2 ul {
		margin-left: 15px;

}

.block2 a {
	 display: block; 
	width:	220px;
	/* height: 40px; */
	margin-top: 2px;
	font-size: 12px;
}

.gaiden a {
	margin-top: 6px;
	font-size: 15px;
}


div.block3	{
		margin-top: 100px;
		margin-left: 8px;
}


pre {
	font-size:16px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
	line-height: 20px;
	color: #0000AA;
}






/*<div class="linkImg"> として囲めばそのリンク画像だけ "line-height: 0px;"となって、バタバタしなくなる。iE8 対策 */
div.linkImg a:link{
	line-height: 0px;
	text-decoration: none;
	}
div.linkImg a:visited {
	line-height: 0px;
	text-decoration: none;
	}
div.linkImg a:hover{
	line-height: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
}
div.linkImg a:active {
	line-height: 0px;
	text-decoration: none;
	}
/* ---------- ここまで ----------------*/





/* ul　リンク */
li a:link	{
	color: #3366FF;
	display: block;
	text-decoration: none;
	list-style-type: none;
}

li a:visited	{
	color: #448844;
	font-weight: bold;
	list-style-type: none;
	display: block;
	text-decoration: none;
}

li a:hover	{
	color: #0000FF;
	display: block;
	list-style-type: none;
	background-color: #EECCAA;
}
li a:active	{
	background-color: #E8EFF7;
	display: block;
	color: #0000CC;
	list-style-type: none;
	text-decoration: none;
}



/* ----------------------------------------------------------------------------原稿内タイトル部 */
div.TTLcontainer	{
	position: relative;
	background: url(../img/TitleDaysBG.gif)  repeat-x;  
	width: 630px;
	height: 36px;
}


span.days {
	float: right;
	padding-right: 20px;
	font-size: 12px; 
	font-weight: bold;
	color: #6F3FEF;
	line-height: 36px;
	/* border: 1px solid #666666; */

}

span.menu {
	float: right;
	padding-right: 80px;
	font-size: 12px; 
	font-weight: bold;
	line-height: 36px;
	/* border: 1px solid #666666; */

}


/* ----------------------------------------------------------------------------原稿部 */
.nar	{
	font-size: 15px;
	width: 36em;
	font-family:  'Meiryo','MS UI Gothic',Osaka;
	color: #303030;
	margin-top: 10px;
	margin-left: 20px;
	line-height: 16px;
	letter-spacing: 0.02em;
}


p.comment	{
	font-size: 16px;
	width: 38em;
	color: #785830;
	font-family: "游明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", Roboto , serif , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana;
	margin-left: 20px;
	line-height: 180%;
	/* letter-spacing: -0.1em; */
	margin-top: 1px;
}
p.sf_comment	{
	font-size: 15px;
	width: 50em;
	color: #684820;
	font-family: "游明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", Roboto , serif , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana;
	margin-left: 20px;
	line-height: 20px;
	/* letter-spacing: -0.1em; */
	margin-top: 1px;
}

p.color66	{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	font-size: 15px;
	width: 490px;
	color:#229944;
	font-family:  'Meiryo','MS UI Gothic',Osaka;
	margin-left: 40px;
	/* font-weight: bold; */
	line-height: 20px;
}
p.ochi	{
	font-size: 18px; font-family:  'Meiryo','MS UI Gothic',Osaka;
	margin-left: 2em;
	line-height: 1.6em;
	font-weight: bold;
}


p.title {
	width: 620px;
	margin:	0;
	padding: 0;
	padding-left: 5px;
	font-weight: bold;
	font-size: 18px;
	color: #AF4F4F;
	border-left: 10px solid #AF4F4F;
	border-top: 1px solid #AF6F6F;
	line-height: 30px;
}


p.prof	{
		margin: 0;
		padding: 0;
		font-size: 13px; 
		line-height: 20px; 
		margin-left: 10px;
		width:	640px;
}

p.menu	{
		margin: 0;
		padding: 0;
		font-size: 13px; 
		line-height: 20px; 
		margin-left: 10px;
		width:	52em;
}
.menu ul	{
		margin: 0px;
		padding: 0px;
		font-size: 13px; 
		line-height: 16px; 
		margin-left: 10px;
		width:	48em;
		list-style-type: none;
}
.menu li	{
		margin: 0px;
		padding: 0px;
		float: left;
		text-align: center;
		padding: 6px 0px;
		border-top: 1px solid #CCAAAA;
		/* border-bottom: 1px solid #CCAAAA; */
		list-style-type: none;
		width:	140px;
		display: block;
}
.menu:after,
.menu li:after,
.menu ul:after,
p.menu:after	{
		display:block;
		margin-top:-1px;
		height:1px;
		content:"";
		clear:both;
	}


p.jmp	{
	text-align: right;
	font-size: 16px; 
	line-height: 20px; 
	margin-top: 1px;
	margin-right: 14px;
}


div.navi	{
	text-align: right;

}



/*  flash cs5 専用 */
div#flashContent	 {
		font-size: 13px;
		width:100%;
		height:100%; 
}


div#kakomi	{
		font-size: 13px;
		padding-top: 6px;
		padding-left: 10px;
		padding-bottom: 6px;
		width: 620px;
		line-height: 20px;
		border: solid 1px #0066cc;
		border-left: solid 10px #0066cc;
		/*border-right: solid 10px #0066cc;*/
		background-color: #E8EFF7;

}