@charset "shift_jis";

html{	height:100%; margin:0 auto; }
body {	margin:0 auto;	/*text-align:center;*/	height:100%; background:#FFFF; overflow:hidden;}
textarea{	font-size:12px;	line-height:1.4em;	width: 98%;}
p, h1, h2, h3, h4,h5,h6 img, dt, dl, dd,form{	margin:0px;	padding:0px;}
p{	margin-bottom:1em;	}
h2{margin-bottom:10px;}
ol, ul, li{	list-style:none;	margin:0px;	padding:0px;}
/*ol li{	list-style:decimal outside;	margin-left:3em;	margin-bottom:0.5em;}*/
dt{	padding:0px 0px 0px 1em;	text-indent:-1em;}
dd{	padding-left:1em;	text-align:left;}
img{ border:none; }

hr{border:none;
border-top:dashed 1px #808080;
height:1px;
color:#FFFFFF;
}

.both{	clear:both;}
.clear{	clear:both;	margin:0;	padding:0;	line-height:0px;	height:0px;	font-size:0px;}

#container{
width:980px;
height:1200px;
background-repeat:no-repeat;
margin:0 auto;
}

#header{
width:980px;
height:70px;
}

#menu{
width:980px;
height:40px;
padding-bottom:20px!important;
}

#menu ul{
width:980px;
margin-left:auto;
margin-right:auto;
display:block;
}

#menu ul li a{
overflow:hidden;
text-indent:-9999px;
}

#menu ul li.top{
float:left;
width:70px;
height:40px;
}

.top a{
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../miho/img/menu01.png);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}

.top a:hover
   {
    background-image:url(../miho/img/menu01.png);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -40px;
}


#menu ul li.info{
float:left;
width:150px;
height:40px;
}

.info a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../miho/img/menu01.png);
    background-position:-55px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em; 
    text-decoration:none;
}

.info a:hover
   {
    background-image:url(../miho/img/menu01.png);
    background-position:-55px -40px;
}

#menu ul li.prof{
float:left;
width:95px;
height:40px;
}

.prof a{
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../miho/img/menu01.png);   /* リンク範囲の背景画像設定 */
    background-position:-190px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}

.prof a:hover
   {
    background-image:url(../miho/img/menu01.png);    /* マウスが上に来た時の背景画像設定 */
    background-position:-190px -40px;
}

#menu ul li.gallery{
float:left;
width:95px;
height:40px;
}

.gallery a{
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../miho/img/menu01.png);   /* リンク範囲の背景画像設定 */
    background-position:-275px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}

.gallery a:hover
   {
    background-image:url(../miho/img/menu01.png);    /* マウスが上に来た時の背景画像設定 */
    background-position:-275px -40px;
}

#menu ul li.blog{
float:left;
width:75px;
height:40px;
}

.blog a{
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../miho/img/menu01.png);   /* リンク範囲の背景画像設定 */
    background-position:-360px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}

.blog a:hover
   {
    background-image:url(../miho/img/menu01.png);    /* マウスが上に来た時の背景画像設定 */
    background-position:-360px -40px;
}

#menu ul li.link{
float:left;
width:75px;
height:40px;
}

.link a{
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../miho/img/menu01.png);   /* リンク範囲の背景画像設定 */
    background-position:-435px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}

.link a:hover
   {
    background-image:url(../miho/img/menu01.png);    /* マウスが上に来た時の背景画像設定 */
    background-position:-435px -40px;
}

#menu ul li.contact{
float:left;
width:90px;
height:40px;
}

.contact a{
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../miho/img/menu01.png);   /* リンク範囲の背景画像設定 */
    background-position:-505px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}

.contact a:hover
   {
    background-image:url(../miho/img/menu01.png);    /* マウスが上に来た時の背景画像設定 */
    background-position:-505px -40px;
}



#header p.logo{
position:relative;
top:0px;
left:0px;
}

#footer{
clear:both;
width:980px;
height:27px;
margin-left:auto;
margin-right:auto;
padding-top:25px;
}

#footer_l{
width:472px;
float:left;
}

#footer_r{
width:478px;
float:right;
text-align:right;
}


/* index.htmlの設定 */


#data_r{
float:right;
width:410px;
margin-left:20px;
}

#info_top{
width:410px:
}

#info_top .info{
text-indent:-9999px;
background-image:url(../miho/img/info.gif);
background-position:left top;
background-repeat:no-repeat;
height:28px;
}

#info_box{
margin-bottom:15px;
width:410px;
height:400px;
overflow-x:hidden;
overflow-y:auto;
}

#mobile{
width:410px;
padding-top:10px;
}

#mobile p{
margin-top:5px;
}

#mobile .mobile{
text-indent:-9999px;
background-image:url(../miho/img/mobile.gif);
background-position:left top;
background-repeat:no-repeat;
}

#mobile #img-btn{
border:0;
width:112px;
height:23px;
background-image:url(../miho/img/send.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

#mobile td.qr{
padding-top:15px;
width:100px;
}

#data_l{
float:right;
width:246px;
}

#blog{
width:246px:
}

#blog .blog{
text-indent:-9999px;
background-image:url(../miho/img/blog.gif);
background-position:left top;
background-repeat:no-repeat;
height:28px;
}

#blog_box{
width:200px;
height:230px;
overflow-x:hidden;
overflow-y:auto;
}

#tv{
width:246px;
padding-top:20px;
}


/* info.htmlの設定 */


#information{
float:right;
width:700px;
margin-left:150px;
}

#information .information{
text-indent:-9999px;
background-image:url(../miho/img/info.gif);
background-position:left top;
background-repeat:no-repeat;
height:28px;
}

/* prof.htmlの設定 */


#profile{
float:right;
width:700px;
margin-left:150px;
}

#profile .profile{
text-indent:-9999px;
background-image:url(../miho/img/prof.gif);
background-position:left top;
background-repeat:no-repeat;
height:28px;
}

#profile .profile table{
border:none;
border-spacing:15px;
width:700px;
}

table td{
vertical-align:top;
}

/* link.htmlの設定 */
#link .link{
text-indent:-9999px;
background-image:url(../miho/img/link.gif);
background-position:left top;
background-repeat:no-repeat;
height:28px;
}

/* contact.htmlの設定 */
#contact .contact{
text-indent:-9999px;
background-image:url(../miho/img/contact.gif);
background-position:left top;
background-repeat:no-repeat;
height:28px;
}