@charset "utf-8";

/* メニュー（非表示）
---------------------------------------------------- */
#header #head #menu{
	display:none;
}


/* ページ全体の基本レイアウト
---------------------------------------------------- */
body {
  font-size:0.97em;
  margin: 0;
  padding: 0;
}

a{
	text-decoration:none;
	color:blue;
}

a:hover{
	text-decoration:underline;
	color:#EF7B96;
}

/* ヘッダー
---------------------------------------------------- */

#header{
	height:130px;
	background-image: url(img/head.gif);
	background-repeat: repeat-x;
}

#header img{
	border:0;
}

#header #head{
	width:920px;
	height:130px;
	margin:0 auto;
	position:relative;
} 

#header #head #logo{
	position:absolute;
	top:5px;
	left:0;
}

#header #head #sdp{
	position:absolute;
	top:15px;
	right:10px;
}

.catch{
	width:918px;
	height:299;
	margin:0 auto;
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	border-bottom:3px solid #FFC4C9;
}

/* トップページ
---------------------------------------------------- */
#container{
	width:920px;
	margin:5px auto;
}

#container #main{
	float:left;
	width:610px;
	margin:0 0 60px 0;
}

#container #sub{
	float:right;
	width:300px;
}

table.box1{
	width:610px;
	border-spacing: 0;
}


td.topline{
	vertical-align: top;
	border-top:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	padding:5px;
	width:290px;
}

td.topline ul,td.topline2 ul{
	list-style:none;
	margin:0;
	padding:0;
}


td.topline ul li,td.topline2 ul li{
	line-height:1.5em;
	margin:0;
	padding:0 0 0 15px;
	background:url(img/list_a.gif) no-repeat 0 0.3em;
	display:block;
	border-bottom:1px dotted #FFC4C9;
}

td.topline ul li a,td.topline2 ul li a{
	display:block;
	color:blue;
	text-decoration:none;
}

td.topline ul li a:hover,td.topline2 ul li a:hover{
	display:block;
	color:blue;
	text-decoration:underline;
	background:#FFC4C9;  
}

td.list2{
	background:url(img/base_a.gif) repeat-x;
	width:100%;
	height:20px;
	padding:0 5px 0 0;
	margin:0;
	text-align: right;
	vertical-align: ?摩?????�ﾅ???瀰?????????慰???????紊??浩????†?慯?敬???†?杲???瀰?‰??※?†?????????桷瑩?????杭?笳?††?慯?敬???†?牡??‰??????????????��摩?????紊???????????????????????????筧??牡??????瀰?????????瑤??†眠摩桴??瀰?※?††???????????†映???敬???††?杲???????†????????????瀰???†??????��?????潤???????????????†?瑳??敬?渠湯???†?杲??瀰?瀰???瀰???†慰??????????瀰???†????�ﾕ??????��摩????†漠?????摩????†????瑯潴??????瑯整????紊????条??杢???条??杢??†??????????????紊????敬牡??????????????条???整????湯整?????†??????正???敬牡??桴????桧??????Ё?謀???middle;
}

td.list2 a{
	color:white;
	text-decoration:none;
}

td.list2 a:hover{
	color:#FFC4C9;
	text-decoration:none;
}

#feed li,#feed2 li{
	list-style:none;
	line-height:1.5em;
	margin:0;
	padding:0 0 0 15px;
	background:url(img/list_a.gif) no-repeat 0 0.45em;
	display:block;
	border-bottom:1px dotted #FFC4C9;
}

#feed li a,#feed2 li a{
	display:block;
	color:blue;
	text-decoration:none;
}

#feed li a:hover,#feed2 li a:hover{
	display:block;
	color:blue;
	text-decoration:underline;
	background:#FFC4C9;
}

table.box2{
	margin:30px 0 0 0;
	width:610px;
	border-spacing: 0;
}

td.topline2{
	vertical-align: top;
	border-top:1px solid #FFC4C9;
	border-left:1px solid #FFC4C9;
	border-right:1px solid #FFC4C9;
	border-bottom:5px solid #EF7B96;
	padding:5px;
	line-height:1.5em;
	font-size:0.9em;
	width:180px;
}

td.topline2 img{
	margin:0 0 5px 0;

}

/* トップページ・サブ
---------------------------------------------------- */
#container #sub #movie{
	width:280px;
	padding:5px;
	border:1px solid #FFC4C9;
	margin:0 0 0 8px;
}

* html #container #sub #movie{
	margin:0 0 0 10px;
}

#container #sub #movie #movie2 img{
	border:0;
	margin:3px 0 5px 0;
}

#container #sub #movie .main_box_list{
	height:20px;
	background:url(img/base_a.gif) repeat-x;
	margin:0 ;
	width:278px;
}


#container #sub #movie .main_box_list ul.list{
	list-style:none;
	margin:0;
	height:20px;
	float:right;
}

#container #sub #movie .main_box_list ul.list li{
	margin:0;
	padding:0 0 0 15px;
	background:url(img/list_b.gif) no-repeat 0 0.3em;
}

#container #sub #movie .main_box_list ul.list li a{
	color:white;
	text-decoration:none;
}

#container #sub #movie .main_box_list ul.list li a:hover{
	color:#FFC4C9;
	text-decoration:none;
}

#container #sub ul#banner{
	list-style:none;
	margin:20px 0 0 8px;
	padding:0;
}

* html #container #sub ul#banner{
	margin:20px 0 0 10px;
}

#container #sub ul#banner li{
	display:block; 
	margin:0 0 10px 0;
	padd?摩?????�ﾅ???瀰?????????慰???????紊??浩????†?慯?敬???†?杲???瀰?‰??※?†?????????桷瑩?????杭?笳?††?慯?敬???†?牡??‰??????????????��摩?????紊???????????????????????????筧??牡??????瀰?????????瑤??†眠摩桴??瀰?※?††???????????†映???敬???††?杲???????†????????????瀰???†??????��?????潤???????????????†?瑳??敬?渠湯???†?杲??瀰?瀰???瀰???†慰??????????瀰???†????�ﾕ??????��摩????†漠?????摩????†????瑯潴??????瑯整????紊????条??杢???条??杢??†??????????????紊????敬牡??????????????条???整????湯整?????†??????正???敬牡??桴????桧??????Ё?謀???ing:0;
}

#container #sub ul#banner li img{
	border:0;
}

#container #sub ul#banner li a{
	display:block;
	width:284px;
	height:61px;
	border:4px solid #DEDEDE;
}

#container #sub ul#banner li a:hover{
	display:block;
	width:284px;
	height:61px;
	border:4px solid #EF7B96;
}


/* 第二階層・フォーマット１
---------------------------------------------------- */
#catch{
	width:918px;
	height:127px;
	margin:0 auto;
	padding:0;
}

#panlist{
	margin:2px auto;
	padding:5px 0 0 50px;
	width:868px;
	height:25px;
	background:url(img/panlist.gif) no-repeat;
	font-size:0.9em;
}

#wrapper{
	width:920px;
	margin:25px auto;
	background-color:#FFC4C9;

}

#wrapper hr{
	clear:both;
	visibility:hidden;
	height:0;
	margin:0;
	border:none;
}

#wrapper #rightcol{
	float:left;
	width:700px;
	background-color:white;
	padding:0 20px 0 0 ;
	line-height:1.8em;
	margin:0;

}

#wrapper #rightcol ul.lb{
	list-style:none;
	margin:20px 0;
	padding:0;
}

#wrapper #rightcol ul.lb li{
	display:block; 
	margin:0 0 30px 0;
	padding:0;
	width:694px;
	height:100px;
}

#wrapper #rightcol ul.lb li img{
	border:0;
}

#wrapper #rightcol ul.lb li a{
	display:block;
	border:5px solid #DEDEDE;
	width:680px;
	height:100px;
}

#wrapper #rightcol ul.lb li a:hover{
	display:block;
	border:5px solid #F590A6;
	width:680px;
	height:100px;
}

#wrapper #leftcol{
	float:right;
	width:200px;
	background-color:#FFC4C9;	
}

.subnavi{
	width:188px;
	padding:5px;
	margin:0;
	border-top:2px solid #EF7B96;
	border-left:1px solid #DEDEDE;
	border-bottom:2px solid #EF7B96;
	border-right:1px solid #DEDEDE;
	background-color:white;
}

#wrapper #leftcol .subnavi ul.date{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

#wrapper #leftcol .subnavi ul.date li{
	line-height:3em;
	background:url(img/list_a.gif) no-repeat 0 1.2em;
	display:block;
	border-bottom:1px dotted #FFC4C9;

}

#wrapper #leftcol .subnavi ul.date li a{
	display:block;
	color:blue;
	text-decor?摩?????�ﾅ???瀰?????????慰???????紊??浩????†?慯?敬???†?杲???瀰?‰??※?†?????????桷瑩?????杭?笳?††?慯?敬???†?牡??‰??????????????��摩?????紊???????????????????????????筧??牡??????瀰?????????瑤??†眠摩桴??瀰?※?††???????????†映???敬???††?杲???????†????????????瀰???†??????��?????潤???????????????†?瑳??敬?渠湯???†?杲??瀰?瀰???瀰???†慰??????????瀰???†????�ﾕ??????��摩????†漠?????摩????†????瑯潴??????瑯整????紊????条??杢???条??杢??†??????????????紊????敬牡??????????????条???整????湯整?????†??????正???敬牡??桴????桧??????Ё?謀???ation:none;
	margin:0;
	padding:0 0 0 15px;
}

#wrapper #leftcol .subnavi ul.date li a:hover,
#wrapper #leftcol .subnavi ul.date li a.current{
	display:block;
	color:blue;
	text-decoration:underline; 
	background:#FFC4C9 url(img/list_a.gif) no-repeat 0 1.2em;
}

#wrapper #leftcol .subnavi #main_box_list{
	width:100%;
	height:20px;
	background:url(img/base_a.gif) repeat-x;
}

#wrapper #leftcol .subnavi #main_box_list ul.list{
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	height:20px; 
}

#wrapper #leftcol .subnavi #main_box_list ul.list li{
	margin:0;
	padding:0 0 0 10px;
	background:url(img/list_b.gif) no-repeat 0 0.2em;
}

#wrapper #leftcol .subnavi #main_box_list ul.list li a{
	color:white;
	text-decoration:none;
}

#wrapper #leftcol .subnavi #main_box_list ul.list li a:hover{
	color:#FFC4C9;
	text-decoration:none;
}

/* 第二階層・著作
------------------ */

table.book1{
	width:100%;
	margin:10px 0 20px 0;
}

td.book{
	width:50%;
	background:#FFE1E4;
	border: 5px white solid;
	padding:5px;
	vertical-align: top;

}

.book2{
	border:2px solid #DEDEDE;
	margin:10px 7px 20px 7px;
	padding:10px;

}

img.p2{
   float:left;
   margin:0 10px 0 5px ; 
   border:1px solid white;
}

img.p3{
    float:left;
    margin:0 10px 0 5px ; 
	border:1px solid #DEDEDE;
}

/* メルマガフォーム
------------------*/

dl.mag{
	margin:20px 0 30px 0;
}

dl.mag dt{
    width: 250px ; 
    display : inline ; 
    float: left ;
    margin : 0px ; 
    padding : 5px 5px 5px 20px ;
    border-bottom: #DDDDDD dotted 1px ;
}

dl.mag dd{
   list-style : none ;
   margin: 0px 0px 1px 0px ;
   padding: 5px 5px 5px 20px ;
   border-left: #EF7B96 solid 3px ;
   overflow: hidden ;
   border-bottom: #DDDDDD dotted 1px ;
}

dl.mag dt.bg2,dl.mag dd.bg2{
   background-color: #F6F6F6;
}

/* clearFix
-------------*/

dl.mag dd:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

dl.mag dd {
  min-height: 1px;
}?摩?????�ﾅ???瀰?????????慰???????紊??浩????†?慯?敬???†?杲???瀰?‰??※?†?????????桷瑩?????杭?笳?††?慯?敬???†?牡??‰??????????????��摩?????紊???????????????????????????筧??牡??????瀰?????????瑤??†眠摩桴??瀰?※?††???????????†映???敬???††?杲???????†????????????瀰???†??????��?????潤???????????????†?瑳??敬?渠湯???†?杲??瀰?瀰???瀰???†慰??????????瀰???†????�ﾕ??????��摩????†漠?????摩????†????瑯潴??????瑯整????紊????条??杢???条??杢??†??????????????紊????敬牡??????????????条???整????湯整?????†??????正???敬牡??桴????桧??????Ё?謀???

* html dl.mag dd {
  height: 1px;
  overflow: visible ;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img.p4{
	margin:0 0 0 20px;
	border:1px solid #DEDEDE;
}



/* 第二階層・フォーマット２
---------------------------------------------------- */
#main #maincol{
	line-height:1.8em;
	margin:20px 0 60px 0;
	border-bottom:1px solid #DEDEDE;
}


dl{
	margin:20px 0 30px 0;
}

dt{
    width: 140px ; 
    display : inline ; 
    float: left ;
    margin : 0px ; 
    padding : 5px 5px 5px 20px ;
    border-bottom: #DDDDDD dotted 1px ;
}

dd{
   list-style : none ;
   margin: 0px 0px 1px 0px ;
   padding: 5px 5px 5px 20px ;
   border-left: #EF7B96 solid 3px ;
   overflow: hidden ;
   border-bottom: #DDDDDD dotted 1px ;
}

dt.bg2,dd.bg2{
   background-color: #F6F6F6;
}

/* clearFix
-------------*/

dd:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

dd {
  min-height: 1px;
}

* html dd {
  height: 1px;
  overflow: visible ;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img.p1{
   margin:0 0 20px 0; 
   padding:2px;
   border:1px solid #DEDEDE;
}

ul.list_c{
	list-style:none;
	margin:0 0 20px 25px;
	padding:0;
}

ul.list_c li{
	line-height:1.8em;
	margin:0;
	padding:0 0 0 15px;
	background:url(img/list_c.gif) no-repeat 0 0.5em; 
}

#sub #subcol{
	margin:20px 0 0 15px;
}

/* CMS
---------------------------------------------------- */
.entry{
	margin:0 0 20px 30px;
	border-bottom:1px solid #DEDEDE;
}


.entry1{
   background-color: #F6F6F6;
   margin:0 0 20px 30px;   
   padding:0 10px;
}

.syndicate img{
	border:0;	
	margin:5px 0;
	width:55px;
	height:15px;
}

#trss img{
	border:0;
	width:55px;
	height:15px;
}

#trss a{
	border:0;
}

/* フォント
-----------------*/
h1.tittle{
	font-size:2em;
	color:#EF7B96;
	border:1px solid #DEDEDE;
	padding:5px 0 5px 20px;
	margin:0 0 20px 0;
}

h1.tittle2{
	font-size:2em;
	color:#EF7B96;
	border?摩?????�ﾅ???瀰?????????慰???????紊??浩????†?慯?敬???†?杲???瀰?‰??※?†?????????桷瑩?????杭?笳?††?慯?敬???†?牡??‰??????????????��摩?????紊???????????????????????????筧??牡??????瀰?????????瑤??†眠摩桴??瀰?※?††???????????†映???敬???††?杲???????†????????????瀰???†??????��?????潤???????????????†?瑳??敬?渠湯???†?杲??瀰?瀰???瀰???†慰??????????瀰???†????�ﾕ??????��摩????†漠?????摩????†????瑯潴??????瑯整????紊????条??杢???条??杢??†??????????????紊????敬牡??????????????条???整????湯整?????†??????正???敬牡??桴????桧??????Ё?謀???:1px solid #DEDEDE;
	padding:5px 0 5px 20px;
	margin:0;
}

h2:first-letter{ 
	color: #EF7B96; 
}


h2.t2{
	font-size:1.4em;
	color:#666666;
	padding:3px 0 3px 25px;
	background:#FFE1E4;
}


h3.t3{
	font-size:1.2em;
	color:#666666;
	padding:3px 0 3px 25px;
	border-bottom:1px solid #EF7B96;
}

.pink{
	color: #EF7B96;
	font-weight: bold;
}

p.ref{
	background:#FFE1E4;
	padding:2px 10px;
}

/* ページトップ
-----------------*/
.pagetop{
	float:right;
	margin:20px 5px 20px 0;
	width:118px;
	height:15px;
}

.pagetop img{
	border:0;
	width:118px;
	height:15px;
	margin:0;
	padding:0;
}
	
/* フッター
---------------------------------------------------- */
#footer{
	clear:both;
	height:130px;
	background-image: url(img/footer.jpg);
	background-repeat: repeat-x;
}

#footer #foot{
	width:920px;
	height:130px;
	margin:0 auto;
	position:relative;
}

#footer #foot ul#submenu{
	width:920px;
	height:25px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

#footer #foot ul#submenu li{
	display:block;
	float:left;
	list-style:none;
	margin:20px 20px 0 0 ;
}

#footer #foot ul#submenu li img{
	border:0;
}

#footer #foot #copy{
	position:absolute;
	bottom:10px;
	right:0;
	color:black;
	
}	 

/* メニュー
---------------------------------------------------- */
#header #head #menu{
	width:900px;
	height:50px;
	position:absolute;
	left:0;
	bottom:3px;
}

* html #header #head #menu{
	width:900px;
	height:50px;
	position:absolute;
	left:0;
	bottom:-1px;
}

#header #head #menu img{
	border:0;
}

#header #head #menu ul#navi{
	margin:0;
	padding:0;
	width:900px;
	height:50px;
}

#header #head #menu ul#navi li{
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	float:left;
}

/* 文字サイズ
------------*/

#header #head #size{
	width:200px;
	height:50px;
	position:absolute;
	right:0;
	bottom:3px;
}

* html #header #head #size{
	width:20px;
	height:50px;
	position:absolute;
	right:0;
	bottom:-1px;
}?摩?????�ﾅ???瀰?????????慰???????紊??浩????†?慯?敬???†?杲???瀰?‰??※?†?????????桷瑩?????杭?笳?††?慯?敬???†?牡??‰??????????????��摩?????紊???????????????????????????筧??牡??????瀰?????????瑤??†眠摩桴??瀰?※?††???????????†映???敬???††?杲???????†????????????瀰???†??????��?????潤???????????????†?瑳??敬?渠湯???†?杲??瀰?瀰???瀰???†慰??????????瀰???†????�ﾕ??????��摩????†漠?????摩????†????瑯潴??????瑯整????紊????条??杢???条??杢??†??????????????紊????敬牡??????????????条???整????湯整?????†??????正???敬牡??桴????桧??????Ё?謀???

#header #head #size ul#fsize{
	margin:0;
	padding:0;
	width:200px;
	height:50px;
}

#header #head #size ul#fsize li{
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	float:left;
}
#header #head #size ul#fsize li a:focus{
	outline: 0 !important; 
}

#header #head #size ul#fsize li#fs1{
	background-image: url(img/fontsize.gif);
	display:block;
	text-indent:-9999px;
	width:72px;
	height:13px;
	margin:19px 0 0 5px;
}

* html #header #head #size ul#fsize li#fs1{
	background-image: url(img/fontsize.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	width:72px;
	height:13px;
	margin:19px 0 0 5px;
}


#header #head #size ul#fsize li#fs2 a{
	background-image: url(img/size_s.gif);
	display:block;
	text-indent:-9999px;
	width:22px;
	height:22px;
	margin:13px 0 0 5px;
}

#header #head #size ul#fsize li#fs2 a:hover{background-image: url(img/size_s_on.gif);}

#header #head #size ul#fsize li#fs3 a{
	background-image: url(img/size_m.gif);
	display:block;
	text-indent:-9999px;
	width:25px;
	height:26px;
	margin:11px 0 0 5px;
}

#header #head #size ul#fsize li#fs3 a:hover{background-image: url(img/size_m_on.gif);}

#header #head #size ul#fsize li#fs4 a{
	background-image: url(img/size_l.gif);
	display:block;
	text-indent:-9999px;
	width:31px;
	height:31px;
	margin:8px 0 0 5px;
}

#header #head #size ul#fsize li#fs4 a:hover{background-image: url(img/size_l_on.gif);}