@charset "EUC-JP";

/* �� Common Style �� */
* {
 margin: 0;
 padding: 0;
}

body {
 background: #eeeeee url(images/check.png);
}

.p_l_space { padding-left: 64px;}

a:link {color: #773377; text-decoration: none;}
a:visited {color: #551155; text-decoration: none;}
a:active {color: #440044; text-decoration: none;}
a:hover {color: #440044; text-decoration: none;}

/* �� Div Layout �� */
#header {
 width: 770px;
 height: 166px;
 background: url(images/header.png) no-repeat;
 margin-right: auto;
 margin-left: auto;
}

#menu {
 width: 100%;
 height: 30px;
 background: url(images/menu.png) repeat-x;
}

#main {
 Width: 770px;
 background: url(images/contents.png) repeat-y;
 margin-right: auto;
 margin-left: auto;
}

#side {
 width: 156px;
 position; relative;
 top: 196px;
 right: 0px;
 margin: 0px 27px 0px 7px;
 float: right;
}

#contents {
 width: 580px;
 padding: 20px 20px 7px 24px;
}

#footer {
 width: 770px;
 height: 44px;
 background: url(images/footer.png) no-repeat;
 margin-right: auto;
 margin-left: auto;
 clear: both;
}

/* �� Header �� */
#header h1 {
 width: 770px;
 height: 60px;
 text-indent: -9999px;
 float: left;
}

#header img {
 width: 216px;
 height: 60px;
 margin-left: 32px;
}

#header p {
 width: 770px;
 height: 40px;
 font-size: 12px;
 color: #333333;
 font-weight: bold;
 margin-left: 32px;
 clear: both;
}

/* �� Footer �� */
#footer p {
 width: 746px;
 height: 44px;
 font-size: 12px;
 color: #ffffff;
 text-align: right;
 padding: 7px 24px 0px 0px;
}




/* -------- Menu Off -------- */
#menu ul, #menu li {
 list-style: none;
 text-indent: -9999px;
 float: left;
}

#pinky a:link, #pinky a:visited {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_1_off.gif);
 float: left;
}
#pinky a:active, #pinky a:hover {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_1_over.gif);
 float: left;
}

#illust a:link, #illust a:visited {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_2_off.gif);
 float: left;
}
#illust a:active, #illust a:hover {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_2_over.gif);
 float: left;
}

#others a:link, #others a:visited {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_3_off.gif);
 float: left;
}
#others a:active, #others a:hover {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_3_over.gif);
 float: left;
}

#index a:link, #index a:visited {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_4_off.gif);
 float: left;
}
#index a:active, #index a:hover {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_4_over.gif);
 float: left;
}

/* -------- Menu On -------- */
#on_pinky a:link, #on_pinky a:visited, #on_pinky a:active, #on_pinky a:hover {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_1_on.gif);
 float: left;
}

#on_illust a:link, #on_illust a:visited, #on_illust a:active, #on_illust a:hover {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_2_on.gif);
 float: left;
}

#on_others a:link, #on_others a:visited, #on_others a:active, #on_others a:hover {
 width: 126px;
 height: 34px;
 background-image: url(../image/tab_3_on.gif);
 float: left;
}

/* -------- Tab Off -------- */
.tab_l_off {
 width: 7px;
 height: 34px;
 background-image: url(../image/tab_l_off.gif);
 float: left;
}

.tab_m_off {
 width: 14px;
 height: 34px;
 background-image: url(../image/tab_m_off.gif);
 float: left;
}

.tab_r_off {
 width: 7px;
 height: 34px;
 background-image: url(../image/tab_r_off.gif);
 float: left;
}

/* -------- Tab On -------- */
.tab_l_on {
 width: 7px;
 height: 34px;
 background-image: url(../image/tab_l_on.gif);
 float: left;
}

.tab_ml_on {
 width: 14px;
 height: 34px;
 background-image: url(../image/tab_ml_on.gif);
 float: left;
}

.tab_mr_on {
 width: 14px;
 height: 34px;
 background-image: url(../image/tab_mr_on.gif);
 float: left;
}

.tab_r_on {
 width: 7px;
 height: 34px;
 background-image: url(../image/tab_r_on.gif);
 float: left;
}

/* �� Side �� */
#side h2 {
 width: 140px;
 margin: 10px auto;
 background-color: #d00832;
 border: 3px double #ffffff;
 font-size: 12px;
 line-height: 18px;
 color: #ffffff;
 text-align: center;
}

#side p {
 width: 140px;
 height: 24px;
 margin: 10px auto 0px auto;
 background: #f3c1cc url(../counter/counter_back.gif) repeat-x;
}

#side ul {
 margin: 0px 10px;
}

#side li {
 list-style-type: square;
 border-bottom: 1px dotted #d00832;
 font-size: 12px;
 line-height: 18px;
 color: #333333;
 margin: 4px 0px 4px 20px;
}

/* �� Contents �� */
#contents h2, #contents h3 {
 width: 300px;
 height: 40px;
 background: url(images/title.png) no-repeat;
 font-size: 14px;
 color: #333333;
 padding: 14px 0px 0px 46px;
}

#contents h4 {
 font-size: 12px;
 line-height: 18px;
 color: #333333;
 padding: 4px 24px;
}

#contents p {
 font-size: 12px;
 line-height: 18px;
 color: #333333;
 padding: 0px 28px 14px 28px;
}

.to_page_top {
 font-size: 12px;
 line-height: 18px;
 color: #333333;
 padding: 0px 0px 0px 28px;
}




.list {
 margin-left: 40px;
}

.thumbnail {
 width: 140px;
 margin: 0px 22px 20px 0px;
 border: 1px solid #cccccc;
 float: left;
}

.thumbnail img {
 margin: 6px 6px 0px 6px;
}

.caption {
 padding: 0px 6px;
 font-size: 12px;
 line-height: 14px;
 color: #333333;
}

.non {
 color: #cccccc;
 padding: 0px 6px;
 font-size: 12px;
 line-height: 14px;
}

#prop_titile {
 margin-left: 16px;
}

#prop_titile img {
 margin-top: 8px;
}

#prop_image {
 margin-left: 10px;
}

#prop_image img {
 margin: 8px 8px 0px 0px;
}