/* CSS Document */


@charset "UTF-8"


/* all
---------------------------------------------------- */
body {
margin: 0;
padding: 0;
color: #000000;
background: #ffffff;
text-align: left;
position : relative ;
}

p {
text-indent: 1em ;}

p.img {
margin-top:100px;
text-indent: 0 ;
}


/***リンク指定***/
a {
color: #393939;
text-decoration: none;
}
a:hover {
color: #CCCCCC;
text-decoration: none;
}


/***　枠幅指定　***/
.w-780 { width: 780px;}
.w-180 { width: 180px;}
.w-270 { width: 270px;}
.w-550 { width: 550px;}
.w-570 { width: 570px;}

/***　縦幅指定　***/
.h-10 { height: 10px;}
.h-20 { height: 20px;}
.h-30 { height: 30px;}
.h-45 { height: 45px;}

/***　フォント指定　***/
.ft10red {
color: #FF0000;
font-size: 10px;
}


/* header
---------------------------------------------------- */
#header-col{
margin: 0 auto;
width: 100%;
}
#header img {
margin-top: 20px;
margin-bottom: 30px;
margin-left: 50px;
}

/* navi
---------------------------------------------------- */
#contents .navi li {
display: inline;
margin: 0 0.5em;
font: 12px/14px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Helvetica", Arial, sans-serif,;
display: inline;
padding-right: 10px;
}

#contents .navi .select {
color: #CCCCCC;
text-decoration: none;
}


/* footer
---------------------------------------------------- */
#footer-col {
width: 100%;
margin: 0px 0px 0px 50px;
padding: 0px;
clear: both;
}


#footer-col #footer {
margin-top: 65px;
padding: 0px;
float: left;
width: 250px;
text-align: left;
margin-left: 0px;
font: 12px/14px Helvetica, Arial, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
color: #000000;
}


/* index
---------------------------------------------------- */

#index {
margin: 0 auto;
width: 100%;
padding: 0px 0px 0px 0%;
}

#index #text {
padding: 0px;
float: none;
text-align: center;
clear: none;
margin-top: 100px;
font: 12px/25px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Helvetica", Arial, sans-serif,;
color: #000000;	
}


/* コンテンツ部分 
---------------------------------------------------- */

#contents {
margin: 0 auto;
width: 100%;
padding: 0px 0px 0px 50px;
}

#contentstate-col {
background: #ffffff;
}

#contentstate {
margin: 0;
width: auto;
padding: 0px;
font-size: small;
color: #666666;
clear: both;
}
#contentstate img {
margin-right: 6px;
margin-bottom: 9px;
padding: 2px;
border: 0px;
vertical-align: bottom;
}

#content {
background: #ffffff;
}

#content imgphoto {
margin-right: 9px;
margin-bottom: 9px;
padding: 2px;
border: 0px;
vertical-align: bottom;
}

#photo {
float: left;
width: 78%;
}


#contents #photolist {
margin-top: 0px;
float: left;
padding: 0px;
width: 75px;
}

#contents #photo {
margin-top: 0px;
padding: 0px;
float: left;
width: 450px;
text-align: center ;
font-size: 10px;
line-height: 14px;
}


/* information */
#contents #information {
margin-top: 35px;
padding: 0px;
float: left;
width: 500px;
text-align: left;
margin-left: 50px;
color: #000000;
font: 12px/25px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Helvetica", Arial, sans-serif,;
}

#contents #information ul {
margin-left: 0px; 
padding-left:0; 
list-style:none;
}

#contents #information li {
padding-left:15px;
background: url(../img/arr.gif);
background-repeat:no-repeat;
padding-top: 2px;
padding-bottom: 2px;
}

#contents #information a {
color: #393939;
text-decoration: underline;
}

#contents #information a:hover {
color: #CCCCCC;
text-decoration: underline;
}


/* works */
#contents #works {
margin-top: 35px;
padding: 0px;
float: left;
width: 450px;
text-align: left;
margin-left: 50px;
font: 12px/25px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Helvetica", Arial, sans-serif,;
color: #000000;
}


/* profile */
#contents #profile {
margin-top: 25px;
padding: 0px;
float: left;
width: 600px;
text-align: left;
margin-left: 50px;
font: 12px/25px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Helvetica", Arial, sans-serif,;
color: #000000;
}


#contents #profile a {
color: #393939;
text-decoration: underline;
}

#contents #profile a:hover {
color: #CCCCCC;
text-decoration: underline;
}

/* workshop */
#contents #workshop {
margin-top: 25px;
padding: 0px;
float: left;
width: 600px;
text-align: left;
margin-left: 50px;
font: 12px/25px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Helvetica", Arial, sans-serif,;
color: #000000;
}

#contents #workshop a {
color: #393939;
text-decoration: underline;
}

#contents #workshop a:hover {
color: #CCCCCC;
text-decoration: underline;
}

/* contact */
#contents #contact {
margin-top: 35px;
padding: 0px;
float: left;
width: 250px;
text-align: left;
margin-left: 50px;
font: 12px/25px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Helvetica", Arial, sans-serif,;
color: #000000;
}


#contents #text630 {
margin: 0px;
padding: 0px;
float: right;
width: 630px;
}

#contents #next {
margin: 55px 0px 0px 136px;
padding: 0px;
height: 26px;
width: 216px;
float: left;
background-repeat: no-repeat;
clear: both;
}

#contents #stat {
margin: 0px;
padding: 0px;
height: 26px;
width: 630px;
float: right;
background-repeat: no-repeat;
}

#content .data p {
margin: 0;
text-align: right;
line-height: 1.4;
font-size: small;
color: #3366ff;
background: transparent;
}

#content #contents #contentstate p {
font-size: 12px;
line-height: 14px;
color: #333333;
text-indent:0px;
}