@charset "utf-8";

body {
    background: url(./img/back.gif);
    background-attachment: fixed;
}

a{/*リンクされた文字*/
    color:black;
    text-decoration:none;
}

a:link {/*未訪問のリンク*/
    color:black;
    text-decoration:none;
}

a:visited {/*訪問後のリンク*/
    color:black;
    text-decoration:none;
}

a:hover {/*マウスをのせたとき*/
    color:red;
    text-decoration:none;
}

a.text_link:after{
    content: url("./img/link02.gif");
}

a.text_link{
    text_decoration:underline;
}


img {
    border-style : none;
}

p {
    font-family : 'ＭＳ ゴシック';
    padding-left: 5px;
    padding-top:5px;
    font-size : 12px;
    color : #1C1C1C;
}

p.text_menu{
    font-family : 'ＭＳ ゴシック';
    padding-left: 5px;
    padding-top:5px;
    font-size : 10px;
    color : orange;
    
}

p.text_menu a:link {/*未訪問のリンク*/
    color:orange;
    text-decoration:none;
}

p.text_menu a:visited {/*訪問後のリンク*/
    color:orange;
    text-decoration:none;
}

p.text_menu a:hover {/*マウスをのせたとき*/
    color:#FF1493;
    text-decoration:none;
}


h2{
    font-family : 'ＭＳ ゴシック';
    font-size : 15px;
    color : #1C1C1C;
    background-color : pink;
    border-bottom: solid red 2px;
    padding-left: 5px;
    margin-top:0px;
}

h3{
    font-family : 'ＭＳ ゴシック';
    font-size : 13px;
    color : #FF1493;
}

table.line {
    font-family : 'ＭＳ ゴシック';
    margin-top: 0.2em;
    margin-bottom: 1em;
    border-collapse: collapse;
    border: solid 1px brown;
    font-size: 12px;
    color : #1C1C1C;
}

table.line th {
    font-family : 'ＭＳ ゴシック';
    margin-top: 0.2em;
    margin-bottom: 1em;
    padding-left : 5px;
    text-align : left;
    background-color : #FFC1C1;
    border-collapse: collapse;
    border: solid 1px brown;
    font-size: 12px;
    color : #1C1C1C;
}

table.line td{
    font-family : 'ＭＳ ゴシック';
    margin-top: 0.2em;
    margin-bottom: 1em;
    padding-left : 5px;
    text-align : left;
    border-collapse: collapse;
    border: solid 1px brown;
    font-size: 12px;
    color : #1C1C1C;
}

table {
    font-family : 'ＭＳ ゴシック';
    font-size: 12px;
    color : #1C1C1C;
}

table th {
    font-family : 'ＭＳ ゴシック';
    text-align : left;
    font-size: 12px;
    color : #1C1C1C;
}

table td{
    font-family : 'ＭＳ ゴシック';
    text-align : left;
    font-size: 12px;
    color : #1C1C1C;
}

table.non-line {
    font-family : 'ＭＳ ゴシック';
    font-size: 12px;
    color : #1C1C1C;
}

table.non-line th {
    font-family : 'ＭＳ ゴシック';
    text-align : left;
    font-size: 12px;
    color : #1C1C1C;
}

table.non-line td{
    font-family : 'ＭＳ ゴシック';
    text-align : left;
    font-size: 12px;
    color : #1C1C1C;
}


#pagebody{
    margin: 0px auto;
    width: 900px;
    border : solid 1px pink;
    background-color :white;
}

#header {
    width: 900px;
    height:100px;
    background: url(./img/header01.jpg);
    text-indent: -9999px;
    padding:0px;
    margin:0px;
}

#header h1{
    padding:0px;
    margin:0px;
    width: 900px;
    height:100px;
}

#header h1 a{
    display:block;
    width: 900px;
    height:100px;
}

#header h1 a:hover{
    width: 900px;
    height:100px;
    display:block;
}


#navigation {
    width : 900px;
    background-color: #ff8c00;
}

#navigation ul{
    margin: 0px auto;
    padding-left:130px;
}

#navigation li{
    margin: 0px auto;
    display: block;
    float: left;
    text-decoration: none;
}

#menu ul {
    margin: 0px;
    padding:0px;
}

#menu li {
    display: block;
    float:left;
}

#menu li a{
    display: block;
}

#menu li#profile {
    width : 100px;
    height: 50px;
    background: url(./img/menu_profile.jpg);
    text-indent: -9999px;
}

#menu li#profile a{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_profile.jpg);
}

#menu li#profile a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_profile_hover.jpg);
}


#menu li#infomation {
    width : 100px;
    height: 50px;
    background: url(./img/menu_infomation.jpg);
    text-indent: -9999px;
}

#menu li#infomation a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#infomation a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_infomation_hover.jpg);
}

#menu li#discography {
    width : 100px;
    height: 50px;
    background: url(./img/menu_discography.jpg);
    text-indent: -9999px;
}

#menu li#discography a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#discography a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_discography_hover.jpg);
}

#menu li#movie {
    width : 100px;
    height: 50px;
    background: url(./img/menu_movie.jpg);
    text-indent: -9999px;
}

#menu li#movie a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#movie a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_movie_hover.jpg);
}

#menu li#lesson {
    width : 100px;
    height: 50px;
    background: url(./img/menu_lesson.jpg);
    text-indent: -9999px;
}

#menu li#lesson a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#lesson a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_lesson_hover.jpg);
}

#menu li#blog {
    width : 100px;
    height: 50px;
    background: url(./img/menu_blog.jpg);
    text-indent: -9999px;
}

#menu li#blog a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#blog a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_blog_hover.jpg);
}

#menu li#memories {
    width : 100px;
    height: 50px;
    background: url(./img/menu_memories.jpg);
    text-indent: -9999px;
}


#menu li#memories a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#memories a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_memories_hover.jpg);
}


#menu li#shop {
    width : 100px;
    height: 50px;
    background: url(./img/menu_shop.jpg);
    text-indent: -9999px;
}


#menu li#shop a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#shop a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_shop_hover.jpg);
}


#menu li#contact {
    width : 100px;
    height: 50px;
    background: url(./img/menu_contact.jpg);
    text-indent: -9999px;
}


#menu li#contact a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#contact a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_contact_hover.jpg);
}


#contents {
    width: 900px;
    background-color: white;
}



#sub_menu {
    margin : 0px;
    width : 100px;
    background-color: white;
    float:left;
}

#sub_menu p{
    height : 20px;
    background-color : pink;
    border-bottom: solid red 1px;
}

#sub_menu ul{
    margin:0px;
    padding-left:0px;
}

#sub_menu li{
    padding-left:5px;
    display:block;
    background-color : pink;
    border-bottom: solid red 1px;
    font-size:12px;
}

/*
#profile_menu ul{
    margin:0px;
    padding-left:0px;
}

#profile_menu li{
    padding-left:5px;
    display:block;
    background-color : pink;
    border-bottom: solid red 1px;
    font-size:12px;
}*/

#anjel_movie{
    padding-bottom:10px;
}

#sub_content {
    margin : 0px;
    padding-left:10px;
    width : 770px;
    background-color: white;
    float:left;
}



#profile_img{
    width: 300px;
    float:left;
}

#profile_comment{
    float:left
    width:440px;
    padding-left:5px;
    padding-top :5px;
}

#profile_sns{
    width:440px;

}

#deli {
    width : 880px ;
    padding: 10px;
}



#travel{
    clear:right;
    clear:left;
    width : 700px;
    margin: 0px auto;
    text-align : center;
}

#iguazu00 {
    padding: 5px;
    width: 700px;
}

#iguazu01 {
    padding: 5px;
    width: 520px;
    float:left;
}

#iguazu02 {
    padding: 5px;
    width:180px;
    float:right;
}

#iguazu03 {
    clear:left;
    clear:right;
    padding: 5px;
    width:700px;
}

#iguazu04 {
    margin: 0px auto;
    text-align : center;
    padding: 5px;
    width: 300px;
    float:left;
}


#iguazu05 {
    padding: 5px;
    width: 400px;
    float:right;
}


#travel_shopping01 {
    padding: 5px;
    width: 700px;
}

#travel_shopping02 {
    margin: 0px auto;
    text-align : center;
    padding: 5px;
    width:350px;
    float:left;
}

#travel_shopping03 {
    margin: 0px auto;
    text-align : center;
    padding: 5px;
    width:350px;
    float:right;
}

#travel_shopping04 {
    clear:right;
    clear:left;
    padding: 5px;
    width: 700px;
}


#travel_shopping05 {
    padding: 5px;
    width:350px;
    float:left;
}

#travel_shopping06 {
    padding: 5px;
    width:350px;
    float:right;
}


#travel_shopping07 {
    clear:right;
    clear:left;
    padding: 5px;
    width:700px;
}

#back{
    clear:left;
    clear:right;
    padding: 5px;
    width:700px;
    margin : 0px auto;
    text-align : right;
}

#footer_menu{
    clear:both;
    text-align: center;
    padding-bottom:5px;
}

#footer_menu p{
    font-family : 'ＭＳ ゴシック';
    padding-left: 5px;
    padding-top:5px;
    font-size : 10px;
    color : orange;
    height : 0.1px;
}

#footer_menu p a:link{
    color:orange;
    text-decoration:none;
}

#footer_menu p a:visited {/*訪問後のリンク*/
    color:orange;
    text-decoration:none;
}

#footer_menu p a:hover {/*マウスをのせたとき*/
    color:#FF1493;
    text-decoration:none;
}

#footer {
    clear:right;
    clear:left;
    width : 900px;
    text-align: right;
    background-color : #FFC0CB;
}


#footer p{
    margin:0px;
}