@charset "UTF-8";

/*----- 初期設定 -----*/

article, aside, figure, figcaption, footer, header, nav, section {display: block;}

* {margin:0;padding:0;color: #333;
   font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:16px;font-weight:normal;line-height: 1.8em;list-style: none;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
img{max-width: 100%;height: auto;width /***/:auto;}

/*----- 詳細設定 -----*/
.f_clear {clear: both;}


/*----- ページレイアウト（共通） -----*/
body {background-color: #880011;}
#frame{width:89.8%;margin:0 auto;background-color:#fff;position:relative;}
#fixed_top{width:89.8%;position:fixed;background-color:#fff;}
nav ul{position:relative;display:table;width:100%;padding-top:15%;z-index:30;}
nav li{display:table-cell;width:25%;text-align:center;padding:0 2%;}
#wrapper {width:95%;margin:0 auto;padding-top:45%;}

#header_inner{width:100%;margin:0 auto;position:relative;}
#header_inner h1{width:57%;position:absolute;top:0px; left:0px;z-index:20;}
#header_inner h2{width:100%;position:absolute;top:18px; left:0px;z-index:10;}

h1#topimage{width:100%;margin:0 auto;}
article{padding-top:45%;} 
article h1{text-align:center;} 
article h1 img{width:30%;} 

/*----- #about  -----*/
#about table {width:100%; border-top:1px dotted #999;}
#about table th,#about table td {padding:5px 0px;text-align:left;vertical-align:top; border-bottom:1px dotted #999;}

/*----- #work  -----*/
#work h3{ width:100%; border-bottom:4px dotted #999;margin-bottom:10px;}
#work p{ margin:0 0 10px 20px;}

/*----- #contact  -----*/
#contact table {width:100%; border-top:1px dotted #999;}
#contact table th,#contact table td {padding:8px 5px;text-align:left;vertical-align:top; border-bottom:1px dotted #999;}
#contact .must {padding-top:14px;}
#cname,#ckana,#cemail,#ccompany,#ccontent {width:380px;border:1px solid #ccc;}


/* -----  タブレット端末 ----- */
@media only screen and (min-width: 769px) {
	#header_inner h1{}
	#header_inner h2{}

}  


/* -----  PC端末  ----- */ 
@media only screen and (min-width: 1024px) {
	header{background-image: url(./img/header-bg.png);background-repeat:repeat-x;}
	#header_inner {width:920px;margin:0 auto;}
	#wrapper {width:874px;padding-top:250px;}
	#header_inner h1{width:400px;}
	#header_inner h2{width:920px;}
	nav ul{width:700px;padding-top:80px;;}
	nav li{}
	h1#topimage{width:840px;}
	article{padding-top:300px;clear: both;} 
	article h1{width:220px;float:left;} 
	article h1 img{width:126px;} 
	article .main_contents{width:650px;float:right;} 
	footer{clear: both;} 
	#about table th,#about table td {padding:8px 5px;}

}