@charset "UTF-8";

/*********/
/* index */
/*********/

#index {
color: #595959;
}

#index h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_phtindex.jpg) no-repeat 0 0;
}

#index #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#index h3#sub_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_phtindex_s.gif) no-repeat left top;
text-indent: -9999px;
}

#index p#catch_phtindex {
display: block;
width: 597px;
height: 44px;
background: url(../img/catch_phtindex.gif) no-repeat left top;
text-indent: -9999px;
}


/* -- // main_box // -- */
#index #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

#index .separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

/* -- // main_box end // -- */
/* -- // container // -- */
#index .container {
clear: both;
width: 600px;
margin: 0 0 20px 30px;
}

#index #go_best {
display: block;
width: 200px;
height: 25px;
background: url(../img/btn_phtindex_01_o.jpg) no-repeat left top;
margin: 0 0 20px 430px;
}

#index #go_best a {
display: block;
width: 200px;
height: 25px;
text-indent: -9999px;
background: url(../img/btn_phtindex_01.jpg) no-repeat left top;
}

#index #go_best a:hover {
background: none;
}

#index #go_post {
display: block;
width: 200px;
height: 25px;
margin: 0 0 20px 430px;
background: url(../img/btn_phtindex_02_o.jpg) no-repeat left top;
}

#index #go_post a {
display: block;
width: 200px;
height: 25px;
text-indent: -9999px;
background: url(../img/btn_phtindex_02.jpg) no-repeat left top;
}

#index #go_post a:hover {
background: none;
}


/* info */
#index #info {
width: 600px;
margin: 0 0 20px 30px;
background: url(../img/bg_info_c.jpg) repeat-y left top;
}

#index #info_t {
width: 600px;
padding: 10px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat left top;
}
#index #info_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_info_b.jpg) no-repeat left bottom;
}

#index #info p {
margin: 10px 20px 0 20px;
font-size: 83%;
}

#index #info ul ,
#index #info li {
font-size: 100%;
line-height: 150%;
}

#index #info ul {
margin: 0 20px 20px 30px;
}

#index #info ul li {
font-size: 83%;
list-style-type: disc;
}

#index #info a {
text-decoration: underline;
color: #a23155;
}

#index #info a:hover {
text-decoration: none;
}
/* -- // panorama_box end // -- */

/*********/
/* list */
/*********/

#list {
color: #595959;
}

#list h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_bestpht.jpg) no-repeat 0 0;
}

#list p#attention {
display: block;
width: 600px;
margin: 25px 0 30px 30px;
}

/* -- // main_box // -- */
#list #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

/* -- // main_box end // -- */
/* -- // container // -- */
#list .container {
clear: both;
width: 630px;
padding: 0 0 20px 30px;
}

#list .container .in_photo {
float: left;
width: 285px;
margin: 0 30px 20px 0;
}

#list .container .in_photo_r {
float: left;
width: 285px;
margin-bottom: 20px;
}

#list .container .in_photo p.comment,#list .container .in_photo_r p.comment {
width: 285px;
background: url(../img/bg_list.gif) no-repeat left bottom #000000;
padding: 5px 0;
text-align: center;
color: #fafafa;
}

/* history */
#list #info {
clear: both;
width: 600px;
margin: 0 0 20px 30px;
background: url(../img/bg_info_c.jpg) repeat-y left top;
}

#list #info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat left top;
}
#list #info_b {
width: 600px;
padding: 0 0 20px 0;
background: url(../img/bg_info_b.jpg) no-repeat left bottom;
}

#list #info p {
margin: 0 20px;
font-size: 83%;
}

/* -- // panorama_box end // -- */

/*********/
/* post */
/*********/

#post {
color: #595959;
}

#post h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_post.jpg) no-repeat 0 0;
}

#post #catch {
width: 600px;
margin: 25px 0 30px 30px;
}

#post p#catch_post {
display: block;
width: 222px;
height: 12px;
background: url(../img/catch_post.gif) no-repeat left top;
text-indent: -9999px;
}

/* -- // main_box // -- */
#post #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

/* -- // main_box end // -- */
/* -- // container // -- */
#post .container {
clear: both;
width: 630px;
margin: 0 0 20px 30px;
}


#post .container .in_photo {
float: left;
width: 285px;
margin: 0 30px 20px 0;
}

/* info */
#post #info {
clear:both;
width: 600px;
margin: 0 0 20px 30px;
background: url(../img/bg_info_c.jpg) repeat-y left top;
}

#post #info_t {
width: 600px;
padding: 10px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat left top;
}
#post #info_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_info_b.jpg) no-repeat left bottom;
}

#post #info p {
margin: 10px 20px 0 20px;
font-size: 83%;
}

#post #info ul ,
#post #info li {
font-size: 100%;
line-height: 150%;
}

#post #info ul {
margin: 0 20px 20px 30px;
}

#post #info ul li {
font-size: 83%;
list-style-type: disc;
}

#post #info a {
text-decoration: underline;
color: #a23155;
}

#post #info a:hover {
text-decoration: none;
}
/* -- // panorama_box end // -- */