@charset "UTF-8";

/*-------------------------------------------------
layout
-----------------------------------------------*/

html {
        text-align: center;
        background-image: url(images/gradient.png);
        background-repeat: repeat;
}

body {
        position: relative;
        width: 750px;
        margin: 0 auto;
        background-color: #fff;
        text-align: left;
        font-family: 'ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

#content
        {
         position: relative;
         width: 100%;
         height: 100%;
}

#content_navi
        {
         position: relative;
         left: 0;
         width: 40%;
         padding: 1em 0;
         background-color: #fff;
}

#content_main
        {
         position: absolute;
         left: 40%;
         width: 60%;
         padding: 1em 0;
         background-color: #fff;
}


#header {
        display: block;
        position: relative;
        height: 160px;
        width:750px;
        background: url(images/syoku_head.jpg) no-repeat;
        background-position: center;
        background-color: #fff;
}

#header blockquote p {
        position: absolute;
        top: -9999px;
}

.footer {
        position: relative;
        width: 750px;
        height: 90px;
        background: url(images/footer_img.jpg) no-repeat;
}


.footer p#copyright {
        margin-top: 0px;
        text-align:center;
        color: #5580ff;
        font-size: x-small;
}

h1 {
        position: absolute;
        top: -60px;
        left: -80px;
}

.content_navi, .content_main, .content_navi2, .content_main2, .content_navi3, .content_main3 {
        position: absolute; top: 0; left: 0;
}

.clear_children, .cc_tallest {
        position: relative;
}

/*\*/* html .clear_children { 
        display: inline;
}/**/

.cc_tallest:after { 
         content: ''; 
} /* PREVENTS A REDRAW BUG IN SAFARI */

/*-----------------------------------------------
 link
-----------------------------------------------*/

a:link { color: #ff1493; }
a:visited { color: #0066cc; }
a:hover { color: #ff1493; }
a:active { color:#ffa500; }



/*------------------------------------------------
maincontents
-----------------------------------------------*/

#namae {
        width: 580px;
        height: 100%;
        margin: 0px 70px;
        padding: 20px 10px;
}

#namae h4 {
        font-size: 80%;
        text-align: right;
}

#namae2 {
        width: 580px;
        height: 100%;
        margin: 0px 70px;
        padding: 20px 10px 10px 10px;
}

#namae2 h5 {
        font-size: 10px;
        font-weight: normal;
        text-align: right;
}

#maintitle h4 {
        padding: 20px 20px;
        text-align: center;
        font-weight: bold;
}

#contents {
        width: 580px;
        height: 100%;
        margin: 0px 70px;
        padding: 10px;
}

#contents h4 {
        font-weight: bold;
}

#contents p {
        font-size: 0.8em;
        font-weight: normal;
        line-height: 1.8em;
        letter-spacing: 0.1em;
}

.furi_con ul {
        list-style-type: decimal;
        padding-left: 20px;
}

.com_con ul {
        list-style-type: none;
        padding-left: 20px;
}

.furi_con li, .com_con li {
        font-size: 0.8em;
        font-weight: normal;
        line-height: 1.8em;
        letter-spacing: 0.1em;
        color: #ff0033;
}

#contents p a img {
        border: 1px #ccc solid;
}

#old_p {
        width: 580px;
        height: 100%;
        margin: 20px 70px 0px 70px;
        padding: 10px;
        border-left: 10px #99cc00 solid;
        border-top: 1px #ccc solid;
        border-right: 1px #ccc solid;
        border-bottom: 1px #ccc solid;
}

#old_pp {
        width: 590px;
        height: 100%;
        margin: 0px 70px;
        padding: 10px;
		font-size:12px;

}

#old_pp li {
	    margin-bottom: 10px;
}

#old_pp li {
	    margin-bottom: 10px;
}


#old_pp p {
        font-size:0.9em;
}

dl dt {
        width: 565px;
        height:20px;
        margin-bottom: 5px;
        padding: 5px 5px;
        font-size: 1em;
        font-weight: bold;
        color: #000;
}

#impression, #interviewers {
        font-size: 0.8em;
        font-weight: normal;
        line-height: 1.8em;
        letter-spacing: 0.1em;
}



#impression li, #interviewers p{
        width: 525px;
        height: 70px;
        background-color: #ffffcc;
        border: 1px #ccc solid;
        margin: 30px 10px;
        padding:5px 10px;
}

.comments {
        width: 467px;
		height: 70px;
		margin-left: 70px;
		padding: 20px 70px;
		border: 1px #ccc solid;
}

.comments_2 {
        width: 467px;
		height: 300px;
		margin-left: 70px;
		padding: 20px 70px;
		border: 1px #ccc solid;
}

.comments p {
        text-align: center;
}

#photo_waku {
        width: 575px
        height: 216px;
        background-color: #ffffcc;
        border: 1px #ffff99 solid;
}

#uchiwaku {
        width: 500px
        height: 204px;
        margin: 6px;
        padding:10px;
        background-color: #fff;
        border: 1px #ffffb2 solid;
}

#uchiwaku img{
        width: 256px;
        height: 196px;
        border: 1px #ccc solid;
        margin: 0 0 0 15px;
        float: right;
}t

#uchiwaku p {
        font-size: 70%;
}

.clearRight {
        clear: right;
}

#kansou p {
        font-size: 0.8em;
        font-weight: normal;
        line-height: 1.8em;
        letter-spacing: 0.1em;
}



#syokuboxx table {
        width: 580px;
        height: 200px;
        border-collapse: separate;
        border-spacing: 15px;
}

#syokuboxx table tr td {
        width: 290px;
        height: 100px;
        padding: 10px;
        background-color: #ffeaff;
        border: 1px #debecc solid;
}



#syokuboxx p {
        font-size: 12px;
}
/*------------------------------------------------
backtohome
-----------------------------------------------*/


#backtohome_b {
        width: 60px;
        height: 100%;
        padding: 50px 335px;
}

#backtohome_b h5{
       font-size: 12px;
}


/*------------------------------------------------
photospace
-----------------------------------------------*/


#photobox1, #photobox2, #photobox3, #photobox4 {
        width: 575px;
        height: 200;
        border: 1px #ccc solid;
        background-color: #d8e698;

}

#photobox5 {
        width: 575px;
        height: 200;
        border: 1px #ccc solid;
        background-color: #d8e698;

}

#photobox6 {
        width: 575px;
        height: 200;
}

#photobox6 p {
        font-size: 55%;
        color: #666;
}

.p_box {
        width: 200px;
        height:160px;
        margin-top: 10px;
        margin-left: 10px;
}

.p_box2 {
        width: 230px;
        height:155px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
}

.p_box3 {
        width: 155px;
        height:155px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
}

.kaisetu {
        width: 300px;
        height: 100px;
        position: relative;
        margin-left: 230px;
        margin-top: -100px;
}

.kaisetu5 {
        width: 300px;
        height: 100px;
        position: absolute;
        margin-left: 260px;
        margin-top: -150px;
}

.kaisetu6 {
        width: 200px;
        height: 50px;
        position: absolute;
        margin-left: 180px;
        margin-top: -150px;
        padding: 10px;
        border: 1px #ccc solid;
}

#photobox1 p, #photobox2 p, #photobox3 p, #photobox4 p, #photobox5 p {
        font-size: 70%;
        line-height: 1.8em;
        color: #917347;
}

.kaisetu2 {
        width: 300px;
        height: 100px;
        position: relative;
        margin-left: 230px;
        margin-top: -100px;
}

.kaisetu3 {
        width: 300px;
        height: 100px;
        position: relative;
        margin-left: 230px;
        margin-top: -100px;
}

.kaisetu4 {
        width: 300px;
        height: 100px;
        position: relative;
        margin-left: 230px;
        margin-top: -100px;
}



