@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
width:100%;
}

/* ALL
--------------------------------------------------*/
a:link {
color:#ff7800;
text-decoration : underline ; }
a:visited {
color:#ff7800;
text-decoration : underline ; }
a:hover {
color:#c90303;
text-decoration : underline ; }

html {
scrollbar-base-color: #FFFFFF; 
             scrollbar-face-color: #FFFFFF; 
             scrollbar-arrow-color: #ab7638;
             scrollbar-highlight-color: #ab7638; 
}
body { scrollbar-base-color: #FFFFFF; 
             scrollbar-face-color: #FFFFFF; 
             scrollbar-arrow-color: #ab7638;
             scrollbar-highlight-color: #ab7638; 
background: url() ;
margin: 0;
padding: 0;
  font-size: 14px;
  font-family: "Arial","ＭＳ Ｐゴシック","sans-serif";
  line-height: 1.6;
  letter-spacing: 0.1em;
  color:#000000;
  text-align:center;
}


/* レイアウト
--------------------------------------------------*/
body {
 text-align:center;
}

#container {
 width:94%;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}
/*-----
#contents {
 width:520px;
 float:left;
 margin-right:20px;
}

#sidebar {
 width:250px;
 float:left;
}
-----*/
#footer {
 width:100%;
 clear:right;
}

#contents {
 width:100%;
}

/* メニュー
--------------------------------------------------*/
#menu {
  width:100%;
  padding:0;
  margin:0;
  list-style-type: none;
}
#menu li {
  width:14%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}
#menu li a {
  width:auto;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-shadow:0 -1px 0px #028a05,0 2px 0px #028a05;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#0c840f;
  background-image: -moz-linear-gradient(top, #03e908 0%, #02a706 50%, #888 50%, #888 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #03e908), color-stop(0.50, #03e908), color-stop(0.50, #888), color-stop(1, #888));
  border-left:1px solid #444;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}

#menu li a:hover {
  background:#005502;
  background-image: -moz-linear-gradient(top, #005502 0%, #005502 50%, #333 50%, #444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #005502), color-stop(0.50, #005502), color-stop(0.50, #333), color-stop(1, #444));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}


/* コンセプト
-------------*/

#top_main {
margin-top :12px;
}

#top_main h1 {
margin-top :5px;
background-color : #ffffff;
margin-bottom: 5px;
font-size: 12px;
color: #000033;
}

/* NEWS
-------------*/
p.news{
margin-bottom: 1px;
margin-top: 1px;
font-weight: middle;
padding: 0px 0px 0px 10px;
font-size: 12px;
color: #000033;
}

hr.news {
border: 1px #00ff1e solid;
background-color: #00ff1e;
height: 1px;
}

/* フッター
-------------*/

#maru-c {
width: 100%;
text-align: center;
}

#maru-c hr.maru-c {
border: 1px #00ff1e solid;
background-color: #00ff1e;
height: 2px;
}

#maru-c p.maru-c {
margin-bottom: 1px;
margin-top: 1px;
font-weight: bold;
padding: 0px 0px 0px 0px;
font-size: 12px;
color: #023790;
}






/* 中面
--------------------------------------------------*/
#naka_header {
  width: 100%; 
  height: 100px;
  background-color: #000000;
  color: #000000;
  position: absolute;
  top: 0px;
  text-align: left;
}

#naka_header h1.kanban {
display: block;
overflow: hidden;
width: 100%;
height: 0!important;
height /**/: 100px;
padding-top: 100px;
background-image: url(../img/naka_kanban.jpg) ;
background-color : #ffffff;
margin-bottom: 1px;
margin-top: 3px;
}

#menu_naka { 
position: absolute;
top: 100px;
width: 100%;
height: 37px;
list-style-type: none;
background: #ffffff url() left top repeat-x;
text-align: left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#menu_naka li {
float: left;
}
#menu_naka li.menu01 {
width :84px;
float: left;
}
#menu_naka li.menu02 {
width :115px;
float: left;
}
#menu_naka li.menu03 {
width :108px;
float: left;
}
#menu_naka li.menu04 {
width :184px;
float: left;
}
#menu_naka li.menu05 {
width :133px;
}
#menu_naka li.menu06 {
width :80px;
}
#menu_naka li.menu07 {
width :96px;
}
#menu_naka li a {
display: block;
overflow: hidden;
width: 100%;
height: 0!important;
height /**/: 37px;
padding-top :37px;
background-image: url(../img/menu.gif);
color: #000000;
}
/*オフマウス*/
#menu01 a { background-position: 0 0; }
#menu02 a { background-position: -84px 0px; }
#menu03 a { background-position: -199px 0px; }
#menu04 a { background-position: -307px 0px; }
#menu05 a { background-position: -491px 0px; }
#menu06 a { background-position: -624px 0px; }
#menu07 a { background-position: -704px 0px; }

/*オフマウス*/
#menu01 a.stay { background-position: 0 -37px; }
#menu02 a.stay { background-position: -84px -37px; }
#menu03 a.stay { background-position: -199px -37px; }
#menu04 a.stay { background-position: -307px -37px; }
#menu05 a.stay { background-position: -491px -37px; }
#menu06 a.stay { background-position: -624px -37px; }
#menu07 a.stay { background-position: -704px -37px; }

/*オンマウス*/
#menu01 a:hover { background-position: 0 -37px; }
#menu02 a:hover { background-position: -84px -37px; }
#menu03 a:hover { background-position: -199px -37px; }
#menu04 a:hover { background-position: -307px -37px; }
#menu05 a:hover { background-position: -491px -37px; }
#menu06 a:hover { background-position: -624px -37px; }
#menu07 a:hover { background-position: -704px -37px; }

h1.text {
margin-bottom: 1px;
margin-top: 1px;
font-weight: middle;
padding: 0px 0px 0px 0px;
font-size: 12px;
color: #000033;
}

#new-photo{
  background: #FFFFFF url() ;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

#new-photo h1.photo_bar {
display: block;
overflow: hidden;
width: 99%;
height: 0!important;
height /**/: 27px;
padding-top :27px;
background-image: url(../img/photo_bar.gif) ;
background-color : #ffffff;
margin-bottom: 10px;
margin-top: 3px;
}

#new-photo table {
  font-size: 7px;
}

p.day_kara {
margin-bottom: 1px;
margin-top: 1px;
font-weight: middle;
padding: 0px 0px 0px 0px;
font-size: 12px;
color: #07a28a;
}

p.day {
margin-bottom: 1px;
margin-top: 1px;
font-weight: bolder;
padding: 0px 0px 0px 10px;
font-size: 10px;
color: #07a28a;
border-width: 0px 0px 1px 0px;
border-color: #07a28a;
border-style: solid;
}

p.past_photo {
margin-bottom: 5px;
margin-top: 1px;
font-weight: middle;
padding: 0px 0px 0px 10px;
font-size: 10px;
color: #07a28a;
}

.photo_menu {
background-color:#f1f1f1;
}

#new-music {
  background: #FFFFFF url() ;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

#new-music h1.bar {
display: block;
overflow: hidden;
width: 99%;
height: 0!important;
height /**/: 27px;
padding-top: 27px;
background-image: url(../img/music_bar.gif) ;
background-color : #ffffff;
margin-bottom: 10px;
margin-top: 3px;
}

#new-music h2 {
margin-bottom: 1px;
margin-top: 20px;
font-weight: bold;
font-size: 12px;
color: #07a28a;
padding:0px 0px 0px 2px;
border-width: 5px 0px 0px 7px;
border-color: #07a28a;
border-style: solid;
}

#new-music ul {
margin-bottom: 1px;
margin-top: 1px;
}

#youtube {
text-align: left;
color: #000000;
border-width: 2px 2px 2px 2px;
padding:2px 2px 2px 2px;
width: 50%;
margin-left: 30px;
}

#hitokoto {
background-color: #eefefa;
text-align: left;
color: #000000;
border-color: #07a28a;
border-style: solid;
border-width: 2px 2px 2px 2px;
padding:2px 2px 2px 2px;
width: 50%;
margin-left: 30px;
}
#hitokoto p {
color: #07a28a;
text-align: left;
margin-bottom: 2px;
margin-top: 0px;
padding:2px 2px 2px 2px;
border-width: 0px 0px 1px 0px;
border-color: #07a28a;
border-style: solid;
}

#ainouta {
  background: #FFFFFF url() ;
  text-align: left;
  font-size: 12px;
  margin: 0px 2px 2px 2px;
}


#new-philo {
  background: #FFFFFF url() ;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

#new-philo h1.bar {
display: block;
overflow: hidden;
width: 99%;
height: 0!important;
height /**/: 27px;
padding-top: 27px;
background-image: url(../img/philo_bar.gif) ;
background-color : #ffffff;
margin-bottom: 10px;
margin-top: 3px;
}

#new-philo h2 {
margin-bottom: 1px;
margin-top: 10px;
font-weight: bold;
font-size: 12px;
color: #07a28a;
padding:0px 0px 0px 2px;
border-width: 0px 0px 2px 7px;
border-color: #07a28a;
border-style: solid;
}

p.gyo {
margin-bottom: 1px;
margin-top: 10px;
font-weight: bold;
font-size: 12px;
color: #ffffff;
padding:2px 2px 2px 2px;
background-color: #07a28a;
}

#new-pro {
  background: #FFFFFF url() ;
  position: absolute;

  top: 150px;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

#amefoot {
  background: #FFFFFF url() ;
  text-align: left;
  font-size: 12px;
  margin: 0px 2px 2px 2px;
}


#profile table {
border-color : #07a28a;
width : 69%;
}

#profile th.top {
background-color : #07a28a;
text-align: center;
border: 1px solid teal;
}

#profile th {
border-color : #07a28a;
text-align: left;
border: 1px solid teal;
}

#profile td {
border-color : #07a28a;
text-align: left;
border: 1px solid teal;
}

#main-naka h1.profile_bar {
display: block;
overflow: hidden;
width: 995;
height: 0!important;
height /**/: 27px;
padding-top: 27px;
background-image: url(../img/pro_bar.gif) ;
background-color : #ffffff;
margin-bottom: 10px;
margin-top: 3px;
}

#new-ask {
  background: #FFFFFF url() ;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

#new-ask h1.bar {
display: block;
overflow: hidden;
width: 99%;
height: 0!important;
height /**/: 27px;
padding-top: 27px;
background-image: url(../img/ask_bar.gif) ;
background-color : #ffffff;
margin-bottom: 10px;
margin-top: 3px;
}

#new-ask table {
border-color : #07a28a;
width : 100%;
}

#new-ask th {
background-color : #07a28a;
border-color : #ffffff;
text-align: right;
border: 1px solid ;
width : 40%;
color: #ffffff;
}

#new-ask td {
border-color : #07a28a;
text-align: left;
border: 0px solid teal;
width : 60%;
}

#new-ask hr.ask {
border-color: #07a28a;
border-style: solid;
height: 1px;
border-color : #07a28a;
width : 100%;
}

#new-ask td.botan {
border-color : #07a28a;
text-align: center;
border: 0px solid teal;
}

#new-blog {
  background: #FFFFFF url() ;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

#new-blog h1.bar {
display: block;
overflow: hidden;
width: 99%;
height: 0!important;
height /**/: 27px;
padding-top: 27px;
background-image: url(../img/blog_bar.gif) ;
background-color : #ffffff;
margin-bottom: 10px;
margin-top: 3px;
}

#new-blog h2 {
margin-bottom: 1px;
margin-top: 10px;
font-weight: bold;
font-size: 12px;
color: #07a28a;
padding:0px 0px 0px 2px;
border-width: 3px 3px 3px 3px;
border-color: #07a28a;
border-style: solid;
}


#list {	
width: 100%;
line-height:8px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}
#list li {
margin: 12px;
float: left;
list-style: none;
}

.list_font {
font-size:8px;
}



/* NEW MUSIC
--------------------------------------------------*/

/*--------
#music_youtube {
width:800px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:15px;
}
#music_youtube_left {
  background-color:#000000;
  float: left;
  width: 600px;
margin-bottom:15px;
}
#music_youtube_right {
  float: right;
  width: 200px;
}

#music_list {
width:800px;
clear:both;
}
--------*/

#music_youtube {
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:10px;
}
#music_youtube_left {
width:100%;
  background-color:#000000;

}
#music_youtube_right {
text-align:left;
  width: 100%;
margin-bottom:5px;
}

#music_list {
width:100%;
clear:both;
}

#music_youtube_right h2 {
margin-top: 5px;
margin-bottom: 1px;
font-weight: bold;
font-size: 12px;
color: #ffffff;
background-color:#7e47d8;
padding:0px 0px 0px 2px;
border-width: 1px 0px 1px 0px;
border-color: #420764;
border-style: solid;
}

#music_youtube_right p {
font-size: 10px;
color: #333333;
}

.music_text {
margin-bottom: 1px;
margin-top: 1px;
font-weight: middle;
padding: 0px 0px 0px 0px;
font-size: 12px;
color: #3366cc;

}


/* プロフィールメイン
--------------------------------------------------*/

#new-pro {
  background: #FFFFFF url() ;
  position: absolute;

  top: 150px;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

#amefoot {
  background: #FFFFFF url() ;
  text-align: left;
  font-size: 12px;
  margin: 0px 2px 2px 2px;
}


#boxB table {
border-color : #07a28a;
width : 90%;
}

#boxB th.top {
background-color : #07a28a;
text-align: center;
border: 1px solid teal;
}

#boxB th {
border-color : #07a28a;
text-align: left;
width : 30%;
border: 1px solid teal;
}

#boxB td {
border-color : #07a28a;
text-align: left;
width : 70%;
border: 1px solid teal;
}

#boxC {
text-align:center;
font-size:9px;
}


/* フッター
-------------*/
#boxD {
width: 100%;
text-align: right;
}

#boxD p.footer {
margin-bottom: 1px;
margin-top: 5px;
font-weight: middle;
padding: 0px 0px 0px 0px;
font-size: 10px;
color: #2659b8;
}

#boxA{
  background: #FFFFFF url() ;
  width: 100%;
  font-size: 12px;
}

#boxB {
 width:75%;
 float:left;
}

#boxC {
 width:25%;
 float:left;
}

#boxD {
 width:100%;
 clear:left;
}


/* MENU2
--------------------------------------------------*/

#menu2 {
  width:100%;
  padding:0;
  margin:0;
  list-style-type: none;
}
#menu2 li {
  width:14%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}