@charset "utf-8";

/*初期化
---------------------------------------------------------*/
form,ul,ol,dl,dd,dt,label,input,body,h1,h2,h3,h4,p { margin:0; padding:0; }
body{ font-family:"Verdana","Helvetica","Arial","メイリオ",Meiryo,sans-serif; }
ul { list-style:none; }
img { border:0; }


/*レイアウト
---------------------------------------------------------*/
body { background:#FFF; }

#site   {}

#option_menus { margin-top:3px; }
#option_menus li{ float:left; margin-right:10px; }

#contents {}
#contents > img { width: 100%; }


h2  {  }
h3  { margin-bottom:10px; }
p   { line-height:16pt; font-size: 0.9rem; color:#555;}

/*フォント
---------------------------------------------------------*/
.txt100  { font-size:100%; }
.txt90   { font-size: 90%; }
.txt80   { font-size: 80%; }
.txt75   { font-size: 75%; }
.txt70   { font-size: 70%; }
.txt60   { font-size: 60%; }
.coution { color    :#F00; }


/*フォント
---------------------------------------------------------*/
.tc  { text-align:center; }
.tl  { text-align:left; }
.tr  { text-align:right; }
a    { color:#666; text-decoration:none; }

/*マージン
---------------------------------------------------------*/
.mb2  { margin-bottom: 2px; }
.mb3  { margin-bottom: 3px; }
.mb5  { margin-bottom: 5px; }
.mb8  { margin-bottom: 8px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.ml10 { margin-left: 10px; }
.mr2  { margin-right:  2px; }
.mt5  { margin-top:  5px; }


/*header/menu
---------------------------------------------------------*/
#header           { background:rgba(255,255,255,0.8); border-bottom: 1px solid #DDD; position: fixed; width: 100%; }
#logo             { float:left; padding-top:45px; text-align:center; height:81px; width:270px; }
#header_contents  { width:900px; margin:0 auto; }
#menus li         { display:block; width:156px; float:left; padding-top:60px; text-align:center; }
#menus li a       { font-family: 'Raleway', sans-serif; padding: 3px 6px; border-radius: 4px;  }
#menus li a:hover { background:#399; color: #FFF; }

@media screen and (max-width: 640px){
	#logo       { padding-top:20px; text-align:center; height:30px; width:100px; }
	#logo img   { width:70%; }
	#menus li   { width: 70px; padding-top:20px; }
	#menus li a { font-size: 0.8rem; }
}

/*about
---------------------------------------------------------*/
#about-outer{ padding: 10px 0 5px 0; border-bottom: 1px solid #DDD; margin-bottom: 15px; text-align: center; }
#about      { display: inline-block; background: url(/images/profile.png) no-repeat 25px center; padding: 10px 0 5px 0; max-width:900px; margin: 0 auto; }
#about > p  { padding: 0 0 0 80px; font-size: 0.75rem; margin: 0 0 5px 15px; text-align: left; }
#about > p strong { display: inline-block; }

#sns               { margin: 0 auto; width:250px; }
#sns li            { float:left; margin-right:10px;}
#sns li:last-child { margin-right:0;}

/*footer
---------------------------------------------------------*/
#footer           { width:100%; }
#copyrights       { margin:10px auto; text-align:center; color:#666; }

/*clearFix
---------------------------------------------------------*/
.clears:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clears   { display:inline-table; zoom:100%; }
/* macIE \*/
* html .clears { height:1%; }
.clears   { display:block; }
/* macIE */