@charset "utf-8";

/* ==================
BASIC
==================*/
body,div,p,h1,h2,h3,h4,h5,h6,address,ul,li,img{
margin:0;
padding:0;
}

ul{
list-style:none;
}

img{
border:none;
}

address{
font-style:normal;
}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
}

body{
color:#333;
background:#FAFAFA;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

*{
line-height:1.4;
}

.new {
	color:#F00;
}

/* ==================
LINK
==================*/
a:link , a:visited , a:active{
color:#f60;
text-decoration:underline;
}

a:hover{
color:#069;
text-decoration:none;
}

#sidenavi li a:link , #sidenavi li a:visited , #sidenavi li a:active{
color:#036;
font-weight:bold;
text-decoration:none;
padding-left:10px;
display:block;
}

#sidenavi li a:hover{
color:#036;
font-weight:bold;
text-decoration:underline;
padding-left:10px;
display:block;
background:#EEE;
}

#large a:link , #large a:visited , #large a:active ,
#medium a:link , #medium a:visited , #medium a:active ,
#small a:link , #small a:visited , #small a:active{
color:#FFF;
font-weight:bold;
text-decoration:none;
margin:0;
padding:0;
}

#large a:hover,
#medium a:hover,
#small a:hover{
color:#036;
background-color:#EEE;
font-weight:bold;
text-decoration:none;
margin:0;
padding:0;
}

/*CONTACT*/
#footer address a:link , #footer address a:visited , #footer address a:active{
color:#036;
text-decoration:none;
}

#footer address a:hover{
color:#036;
text-decoration:underline;
}


/*COPYRIGHT*/
#footer p a:link , #footer p a:visited , #footer p a:active{
color:#ccc;
text-decoration:none;
}

#footer p a:hover{
color:#ccc;
text-decoration:underline;
}




/* ==================
LAYOUT
==================*/
body{
margin:0 auto;
text-align:center;
}

#wrapper{
margin:0 auto;
width:760px;
background: url(../img/bg_2.jpg) repeat-y top center;
}

#header{
float:right;
width:400px;
background: url(../img/bg_1.jpg) no-repeat top right;
}

#photo{
float:left;
width:360px;
background: url(../img/bg_1.jpg) no-repeat top left;
}

#contents{
float:right;
width:400px;
}

#sidenavi{
float:left;
width:360px;
text-align:left;
}

#txt{
float:left;
width:330px;
}

#main{
text-align:left;
margin-bottom:15px;
}

#news{
text-align:left;
margin-bottom:15px;
}

#blog , #twitter , #apps{
text-align:left;
margin-bottom:8px;
}

#footer{
clear:both;
width:700px;
height:130px;
padding:0 30px;
background: url(../img/bg_3.jpg) no-repeat bottom center;
}



/* ==================
HEADER
==================*/
#header h1{
text-align:left;
padding:30px 0 0 0;
}


/* ==================
CONTENTS
==================*/
#photo img{
margin:40px 0px 0 40px;
padding:9px;
background-color:#FFFFFF;
border:1px solid #CCC;
}

#main h2 , #news h2 , #blog h2 , #twitter h2 , #apps h2{
margin:0px 30px 0 10px;
padding:5px 0px 0 10px;
background:url(../img/icon_h2.gif) no-repeat 0px 9px;
font-weight:bold;
border-bottom:1px dotted #c8e4e5;
}

#main p , #news p , #blog p , #twitter p , #apps p{
margin:10px 30px 0 20px;
}
#twitter #twitter_widget{
margin:10px 30px 0 20px;
}
#news p{
background:#f1f9f9;
margin:0px 30px 0 10px;
padding:10px 10px 10px 10px;
border:1px dotted #c8e4e5;
border-top: 0;
}

#blog ul{
padding:10px 30px 0 20px;
}

#blog li{
padding:5px 0 0 10px;
background:url(../img/icon_news.gif) no-repeat 0 9px;
line-height:1.2;
}

#contents #entry-9 ol{
margin: 10px 30px 0 20px;
/*IE6,IE7*/
#margin:10px 30px 0 40px;
#padding:10px 30px 0 20px;
}

#contents .youtubelist{
margin: 10px 30px 0 10px;
/*IE6,IE7*/
#margin:10px 15px 0 5px;
}

/* ==================
SIDENAVI
==================*/

#sidenavi ul{
text-align:left;
padding:30px 0 10px 50px;
}

#sidenavi li{
margin:5px 10px 0 0;
border-left:4px solid #036;
border-bottom:1px solid #CCC;
padding:0 0 0 0px;
line-height:1.2;
background-color:#FAFAFA;
}
#sidenavi img{
margin:12px 0 0px 50px;
}
#sidenavi #youtube{
	background:URL(../img/youtube.jpg) no-repeat 0 0;
	padding:40px 0 0 0;
	margin:12px 0 0px 50px;
	/*display:none;*/
}

/* ==================
FOOTER
==================*/
#footer address{
width:350px;
float:right;
text-align:left;
margin:10px 0px 0px 0px;
padding:5px 0px 5px 20px;
background:url(../img/bg_ft.jpg) no-repeat right bottom;
}

#txt{
padding:60px 0px 0 0;
text-align:right;
}

#txt img{
float:left;
padding:0px 40px 0px 10px;
}

#txtsize{
display:block;
font-weight:bold;
float:left;
margin:8px 3px 3px 3px;
padding:0 3px;
}

#large{
display:block;
font-size:120%;
font-weight:bold;
float:left;
margin:0px 3px 3px 3px;
padding:1px;
border:3px #003366 solid;
background:#003366;
}

#medium{
display:block;
font-size:100%;
font-weight:bold;
float:left;
margin:2px 3px 3px 3px;
padding:2px;
border:2px #003366 solid;
background:#003366;
}

#small{
display:block;
font-size:80%;
float:left;
margin:4px 3px 3px 3px;
padding:3px;
border:1px #003366 solid;
background:#003366;
}