@charset "UTF-8";
#p_draw h1 {
	height :2em ;
	line-height :2em ;
	color : #333 ;
	clear : both ;
	text-align : right ;
	text-indent : 1em ;
	width : 100% ;
	position:absolute;
	top : 2.2em ;
	right :1em ;
}

/**/

body {
	text-align : center ;
}
#wrap {
	margin : 0 auto ;
	height :77%;
	width:65em;
	position:relative;
	text-align : left ;
}
#frame {
	position:absolute;
	top : 3.4em ;
}
#frame img {
	height :45em;
	width:72em;
}
/*draw_menu====================================*/
#main {
	height:420px;
	width:48em;
	float : right ;
}
#submenu {
	float : left ;
	height :400px ;
	height :100%;
	width : 16em ;
	background-color : #cdc ;
}
ul#draw_menu {
	position:relative;
	height :390px ;
	height :100%;
	width : 16em ;
	overflow : auto;
	padding : 0;
}
#draw_menu li {
	width : 99% ;
}

/*hide from macie ==========\*/
*+html  ul#draw_menu, * html ul#draw_menu {
	overflow-x : hidden;
}
/* end */

p.submenu_top {
	width : 16em ;
	height :1.6em ;
	color : #fff ;
	background-color : #343 ;
	padding : 0.2em 0 ;
	line-height : 1.5;
	text-align : center ;
}
#draw_menu li a{
	display : block ;
	height : 2em ;
	padding : 1em 4em 1em 1em;
	color : #222 ;
	background-color : #cdc ;
	border-bottom : solid 1px #9a9;
}
#draw_menu li a:hover {
	background : url(../images/inu_anime_s.gif) 120px 0px no-repeat;
	background-color : #fff ;
}
/*main====================================*/
#main li.box {
	width :600px ;
	height :420px ;
	position:relative;
	border : solid 1px #666;
	border-width : 0 0 1px 0 ;
}
#main h3 {
	float : right ;
	width :300px ;
	font-size : 108% ;
	text-indent : 1em;
	right : 0;
	top : 0 ;
	padding : 0;
	background-color : #343 ;
	color : #fff ;
}
#main .cap, #main .date {
	float : right ;
}
#main .date {
	position:absolute;
	top : 400px;
	right :0 ;
	background-color : #343 ;
	color : #fff ;
	text-indent : 1em ;
	width :300px ;
	font-size : 85% ;
}
#main .img {
	float : left ;
	text-align :center ;
	color : #f00 ;
	width :300px ;
}
#main .cap {
	position:relative;
	top : 2em;
	width :290px ;
	height :340px ;
	overflow : auto;
	font-size : 95% ;
}
#main .cap blockquote {
	background-color : #dde ;
	border : dashed 1px blue;
	margin : 1em ;
}
#main .cap p {
	width :90% ;
	margin-bottom : 1em;
	padding : 0.5em ;
}
/*hide from macie ==========\*/
*+html #main .cap,* html #main .cap {
	overflow-x : hidden;
}
* html #main .cap p{
	height : auto ;
	overflow-x : hidden;
}
/* end */
* html #wrap {
	height:410px;
}
*+ html #submenu, *+ html #submenu ul {
	height : 380px ;
}
* html #submenu, * html #submenu ul {
	height : 380px ;
}
#p_draw #main .cap blockquote span {
	display : block ;
	margin : 1em ;
}
#box3 img, 
#box4 img , 
#box6 img {
	width :280px ;
	height :280px ;
}
#box13 img,
#box14 img,
#box15 img,
#box16 img 
{
	vertical-align : top;
}
#box21 img {
	width :250px ;
	height :391px ;
}
/* macie only======================== \*//*/
#submenu ul li{
	width :190px ;
}
#main .cap blockquote {
	width :250px ;
}
#main .cap blockquote p {
	width :240px ;
	padding : 5px;
}
body#p_draw {
	overflow : hidden ;
}
/* =================================eof */