﻿



/*
***************************************************************************/

a {
text-decoration: none;
}

.photo {
    text-align: center;
}

#border {
    border-bottom:1px solid #808080;
    margin: 20px 2px 20px 2px;
}

#border2 {
    border-bottom:3px solid #000000;
    margin: 20px 2px 10px 2px;
}



.official {
    font-size:12px;

}

.sankaku {
    color:#383838;
    font-size:14px;
}

#line {
    position: relative;
    margin: 10px 0px 10px 0px;
}

.line_text {
    position: absolute;
    font-size:12px;
    top: 1px;
    left: 95px;
}

/*
***************************************************************************/

html {
    height: 100%;
}

body {
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo,Osaka ,ＭＳ Ｐゴシック ,MS PGothic ,sans-serif ;
    font-size:14px;
    height: 100%;
    -webkit-text-size-adjust:none
}

body > #container {
    height: auto;
}



/* container
***************************************************************************/



#container {
    min-height: 100%;
    height: 100%;
    width: 800px;
    margin: 0 auto;
    padding: 0px 10px 0px 10px;
}


#back_button {
    text-align: right;
    margin: 5px 0px 0px 0px;
}



#contents {
    overflow: hidden;
}




/* main
***************************************************************************/


#header {
    margin: 0px 0px 15px 0px;
}



#main {
    overflow: hidden;
    margin-bottom: 15px;
    float: left;
    width: 550px;
}

#top {

}


#toptext_1 {
    font-size:20px;
    font-weight: bold;

}

#toptext_2 {

}



/* kashi
***************************************************************************/


#kashi {
    color:#1E1E1E;
    position: relative;
    width: 320px;
    height: 310px;
    background-color:#F3F3F3;
    font-weight: bold;
    padding: 10px 0px 0px 35px;
    margin: 0px 10px 15px 10px;
    border:2px solid #383838;
    border-radius: 30px
}

#kashi {
	margin: 0 auto;
}

.title {
    font-size:20px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 60px;
}

.sakushi {
    font-size:14px;
    font-weight: bold;
    position: absolute;
    top: 45px;
    left: 60px;
}

.kashi {
    font-size:18px;
    font-weight: bold;
    position: absolute;
    line-height:150%;
    top: 100px;
    left: 60px;
}

.motto {
    width: 150px;
    height: 22px;
    font-size:17px;
    font-weight: bold;
    padding: 2px 8px 5px 25px;
    background-color:#383838;
    border:1px solid #383838;
    border-radius: 15px
}

.motto {
    position: absolute;
    top: 275px;
    left: 95px;
}

.motto>a {
    color:white;
}




/* interview
***************************************************************************/


#interview {
    font-size:12px;
}


#interview_bar {
    font-size:18px;
    font-weight: bold;
    border-bottom:3px solid #000000;
    margin: 0px 2px 10px 2px;
}


.komidashi {
    font-size:16px;
    font-weight: bold;
}



.question {
    color:#990000;
    margin: 15px 0px 15px 0px;
}

.answer {
    margin: 15px 0px 15px 0px;
}

.namae {
    color:#383838;
}



.photo_int1 {
    float: right;
    padding: 0px 0px 0px 10px;

}


.photo_int2 {
    float: left;
    padding: 0px 10px 0px 0px;
}




/* twitter
***************************************************************************/


#new_twitter {
    position: relative;
    width: 528px;
    height: 442px;
    background-color:#00A8E8;
    margin: 0px 0px 0px 5px;
    border-radius: 10px
}


.twitter_text {
    position: absolute;
    color:#FFFFFF;
    font-size:16px;
    font-weight: bold;
    top: 8px;
    left: 8px;
}

.twitter {
    position: absolute;
    top: 38px;
    left: 4px;
}

.twitter-timeline {
    min-width:520px!important;
}


/* sidebar
***************************************************************************/


#sidebar {
    position: relative;
    float: right;
    width: 230px;
    border:1px solid #747474;
    font-size:12px;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}


#menu {
    text-align: center;
    color:#FFFFFF;
    font-size:16px;
    font-weight: bold;
    background-color:#383838;
}

.sidebar_text1 {
    font-size:14px;
    font-weight: bold;
    margin: 0px 13px 0px 13px;
}

.sidebar_text2 {
    margin: 0px 13px 0px 13px;
}

.sidebar_text3 {
    text-align: center;
}


.sidebar_text4 {
    font-size:10px;
    margin: 0px 13px 0px 13px;
}


.sidebar_text5 {
    font-size:12px;
    font-weight: bold;
}


#qr {
    text-align: center;
    border-top:1px solid #CCCCCC;

}


#utanet {
    text-align: center;
    border-top:1px solid #CCCCCC;

}



/* cover
***************************************************************************/

#cover {

}







/*movie
***************************************************************************/

.movie {
    position: relative;
    height: 0;
    padding-top: 56.25%; /* 16:9 */
    margin: 10px 0px 10px 0px;

}
 
.movie>iframe {
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    width:100%;
}


#object {
    text-align: center;
    margin: 10px 0px 0px 0px;
}


/* footer
***************************************************************************/

#footer {
    border-top:1px solid #747474;
    text-align: center;
    margin-bottom: 10px;
}


/* copyright
***************************************************************************/


#up_button {
    text-align: right;
	width: 800px;
    margin: 10px 0px 10px 0px;
}


#copyright {
    width: 98%;
    height: 19px;
    text-align: center;
    background-image: url("../image/foot_bar_bg.jpg");
    margin: 0px 0px 0px 10px;
}


#copyright2 {
    font-size:12px;
    text-align: center;
    margin: 15px 0px 15px 0px;
}


/* 
***************************************************************************/






















