@charset "Shift_JIS"; /*　文字コードShift_JIS  */
@import url("default.css"); /*　外部cssの取り込み　*/

body{
   width:780px;
   margin:0 auto;
}


h1, h2, p{
   width:780px;
   margin: 0 auto;
}

h1 {
   margin: 1em 0 1.5em;
   font-size: 16px;
   color:#666666;
} 

h2 {
   margin: 1em 0 1.5em;
   line-height:16px;
   font-size: 14px;
   color:#000000;
}

div.white h2{
   color:#ffffff;
}

p {
   margin: 2em 0 1.5em;
   line-height:1.6;
   font-size:1em;
   color:#555555;
}

div#l p{
   text-align:left;
   font-size:13px;
   color:#ffffff;
   margin-bottom:0px;
}

div#r p{
   text-align:right;
   font-size:13px;
   font-weight:bold;
   color:#666666;
   margin-top:0px;
}

div.page{
   border-bottom:1px solid #ffffff;
}

pre, pre+p, p+p {
   margin: 1em 0 0;
}

code {
   font-family: "Courier New", Courier, monospace;
}

div#home,div#news,div#web,dev#tape,div#write,div#ad,div#office{
   margin: 0 auto;
   width:780px;
   text-align:left;
}

span.small{
   font-size:10px;
   margin-bottom:0px;
   color:#333333;
}

span.white {
   color:#FFFFFF;
   font-weight:700;
}

span.bold{
   font-weight:700;
}

span.solid{
   margin-top:50px;
   border: solid;
   border-width: 0px 0px 1px 0px;
   padding: 5px;
   border-color: #ff9900;
}

div#top h1{
   color:#666666;
   line-height:14px;
   font-size:12px;
   margin-top:2px;
}

a {
   text-decoration : none ;
   color:#000066;
}

a.white{
   text-decoration : none ;
   color:#ffffff;
   font-weight:800;
}
a:hover{
   color:#ff9900;
   text-decoration:none;
}  

a.white:hover{
   color:#0260d4;
   text-decoration:none;
}

a#on-off{
   width:16px;
   height:16px;
   background:#ffffff url(images/ico06_green.png) 0 0 no-repeat;
}

a#on-off:hover{
   background-position: 0 -19px;
}
   

span.small{
   color:#666666;
   font-size: 14px;
   font-weight:bold;
   line-height:12px;
   margin:2px 0 0 0;
   text-align:left;
}

span.orange{
   color:#ff9900;
   font-weight:bold;
}

span.blue{
   color:#1f317d;
   font-weight:bold;
}

span.red{
   color:#FF0000;
}

div.float_r{
   float:right;
   margin-left:2px;
}

div.float_l{
   float:left;
   margin-right:2px;
}

br.clearfloat{
   clear:both;
}

div#webstanderd p{
   width:780px;
}

#rotate,#nav{
   width:780px;
   height:180px;
}

#rotate h2{
   clear:both;
   line-height:20px;
   margin-top:0px;
　　padding: 2px 0 2px 0;
   text-align:left;
   color:#333333;
   font-size:16px;
   font-weight:bold;
   border-bottom:1px solid #666666;
}

#rotate h1{
   text-align:left;
   font-size:14px;
   font-weight:200;
   color:#333333;
}

#rotate h3{
   line-height:20px;
   margin:30px;
   text-align:left;
   font-size:13px;
   font-weight:200;
   color:#333333;
}

#rotate p{
   text-align:center;
   font-size:13px;
   color:#666666;
}

#home h1,#complete h1{
   width:780px;
   line-height:20px;
   color:#333333;
   font-weight:bold;
   background-color:#cccccc;
   border-left: 6px solid #ff6600; 
   padding-left: 10px;
   margin-top:20px;
   text-align:left;
}

#complete{
   margin-top:-20px;
}

#nav_top ul{
   width:780px;
   height:50px;  
   text-align:center;
   background-image:url(images/tab_pencil.png);
   background-repeat:no-repeat;
   margin-bottom:-20px;
}

#nav_news ul{
   width:780px;
   height:50px;
   text-align:center;
   background-image:url(images/tab_pencil.png);
   background-repeat:no-repeat;
}

#nav_web ul{
   width:780px;
   height:50px;
   text-align:center;
   background-image:url(images/tab_pencil.png);
   background-repeat:no-repeat;
}

#nav_write ul{
   width:780px;
   height:50px;
   text-align:center;
   background-image:url(images/tab_pencil.png);
   background-repeat:no-repeat;
}

#nav_ad ul{
   width:780px;
   height:50px;
   text-align:center;
   background-image:url(images/tab_pencil.png);
   background-repeat:no-repeat;
}

#nav_office ul{
   width:780px;
   height:50px;
   text-align:center;
   background-image:url(images/tab_pencil.png);
   background-repeat:no-repeat;
}

#nav_top ul li,#nav_news ul li,#nav_web ul li,#nav_tape ul li,#nav_write ul li,#nav_ad ul li,#nav_office ul li{
   float:left;
   width:90px;
   list-style-type:none;
}

#nav_top ul li a,#nav_news ul li a,span.white,#nav_web ul li a,span.white,#nav_tape ul li a,span.white,#nav_write ul li a,span.white,#nav_ad ul li a,span.white,#nav_office ul li a,span.white{
   width:90px;
   height::25px;
   line-height:25px;
   text-align:center;
   font-size:12px;
   text-decoration:none;
}

#nav_top h2,#nav_news h2,#nav_web h2,#nav_tape h2,#nav_write h2,#nav_ad h2,#nav_office h2{
   width:780px;
   text-align:left;
   margin-top:0px;
}
     
#tape h2,#web h2,#write h2,#ad h2{
   margin-bottom:0px;
}

#tape p,#web p,#write p,#ad p{
   margin-bottom:0px;
   margin-top:0px;
   text-align:left;
}

div.amusement{
   margin:15px auto ;
   width:780px;
   height:100px;
}

div.amusement2{
   margin-top:500px;
   width:780px;
   height:100px;
}

div#column{
   float:left;
   width:195px;
   height:100px;
   background-image:url(images/happy01.png);
   background-repeat:no-repeat;
}
 
div#photo{
   float:left;
   width:195px;
   height:100px;
   background-image:url(images/photo01.png);
   background-repeat:no-repeat;
}  

div#cinema{
   float:left;
   width:195px;
   height:100px;
   background-image:url(images/cinema02.png);
   background-repeat:no-repeat;
}  

div#cinema h2{
   text-align:left;
}

div#novels{
   float:left;
   width:195px;
   height:100px;
   background-image:url(images/novels04.png);
   background-repeat:no-repeat;
}

div#index{
   float:left;
   width:195px;
   height:100px;
   background-image:url(images/index.png);
   background-repeat:no-repeat;
}

div#column h2,div#photo h2,div#novels h2,div#cinema h2,div#index h2{
   width:195px;
   height:15px;
   font-weight:bold;
   text-align:center;
}

div#form table{
   width:680px;
   margin-top:10px;
   margin-bottom:20px;
}

div#form td.q {
   width:200px;
   font-size:13px;
   text-align:left;
   background-color:#ffffff;
   color:#666666;
   padding:5px;
}

div#form td.q-re {
   width:200px;
   font-size:13px;
   text-align:left;
   background-color:#e3e1fc;
   color:#666666;
   padding:5px;
}

div#form td{
   width:480px;
   font-size:13px;
   text-align:left;
   background-color:#e3e1fc;
   color:#333333;
   padding:15px;
} 

div#form td.a-re {
   width:480px;
   font-size:13px;
   text-align:left;
   background-color:#ffffff;
   color:#333333;
   padding:15px;
}

div#form p {
   width:480px;
   font-size:13px;
   text-align:left;
   background-color:#ffffff;
   color:#333333;
   padding:15px;
}

div#coment table{
   width:195px;
   margin-top:10px;
   margin-bottom:50px;
}

div#coment td {
   width:195px;
   font-size:13px;
   text-align:left;
   background-color:#ffffff;
   color:#666666;
   padding:5px;
}


div#what_new p{
   margin-bottom:-30px;
   padding-left: 10px;
   border-left: 6px solid #1f317d;
   text-align:left;
   color:#333333;
   font-weight:bold;
}  
div#rogankyo p{
    text-align:right;
	margin-bottom:20px;
}

div#photo_essay p{
   text-align:left;
   font-size:13px;
}

div#photomenu p{
   text-align:center;
   font-size:15px;
   color:#333333;
   font-weight:bold;
   margin-bottom:40px;
}

div#essay h1{
   text-align:left;
   font-size:15px;
   color:#66666;
   font-weight:bold;
   margin-bottom:40px;
}

div#essay p{
   text-align:left;
   font-size:13px;
   color:#666666;
   margin-bottom:30px;
}

div#twitter{
   margin-bottom:-20px;
}

div#desk h2{
   text-align:center;
}

div#rss p{
   text-align:center;
   font-size:12px;
   color:#666666;
}

div#flash h2{
   text-align:center;
   margin-bottom:50px;
}
						  
#footer h2{
   clear:both;
   text-align:center;
}

div#yan h1{
   text-align:center;
   font-size:15px;
   color:#666666;
   margin-bottom:30px;
}

div#yan h2{
   text-align:left;
   font-size:14px;
   color:#666666;
   font-weight:bold;
   margin-bottom:30px;
}

div#yan p{
   text-align:left;
   font-size:13px;
   color:#666666;
   margin-bottom:30px;
}

div#yan img{
   padding:10px;
   border:1px outset #999;
   background-color:3fafaf3;
}

span.yan img{
   padding:10px;
   border:1px outset #999;
   background-color:3fafaf3;
}

   
textarea {
width:680px;
height:100px;
max-width:680px;/*←ここが限界！*/
}