@charset "UTF-8";

html,body,div,p,a,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,form,iframe,img {
	margin:0;
	padding:0;
	border:0;
	}

* {
	color:#FFF;
	font-size:small;
	line-height:1.4em;
	letter-spacing:0.05em;
	font-family:'メイリオ', Meiryo,Georgia, "Times New Roman", Times, serif;
	/*'メイリオ', Meiryo,"Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "MS PGothic",sans-serif;*/
	font-style:italic;
	}

html,body {
	height:100%;
	}

body {
	background:#313131;
	}


ul,ol {
	list-style:none;
	}

a {
	text-decoration:none;
	}


a:link,
a:visited {
	}

a:hover,
a:visited:hover {
	}


div#wrapper {
	width:100%;
	height:100%;
	text-align:center;
	}

div#header {
	width:100%;
	height:91px;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
	background:#fcfcfc;
	}

div#header_inner {
	width:1040px;
	margin:0 auto;
	text-align:left;
	}

div#header_inner h1 {
	width:190px;
	height:43px;
	background:transparent url(../images/logo.jpg) 0 0 no-repeat;
	margin-top:25px;
	float:left;
	}

div#header_inner ul {
	width:412px;
	height:32px;
	background:transparent url(../images/navi.jpg) 0 0 no-repeat;
	margin-top:30px;
	float:right;
	}

div#header_inner ul li {
	float:left;
	}

div#header_inner ul li a {
	display:block;
	height:32px;
	}

div#header_inner ul li#navi_work a {
	width:98px;
	margin-right:10px;
	}
div#header_inner ul li#navi_work a:hover,
div#header_inner ul li#navi_work a:visited:hover,
div#header_inner ul li#navi_work a.selected {
	background:transparent url(../images/navi.jpg) 0px -32px no-repeat;
	}

div#header_inner ul li#navi_blog a {
	width:74px;
	margin-right:9px;
	}
div#header_inner ul li#navi_blog a:hover,
div#header_inner ul li#navi_blog a:visited:hover,
div#header_inner ul li#navi_blog a.selected {
	background:transparent url(../images/navi.jpg) -108px -32px no-repeat;
	}

div#header_inner ul li#navi_about a {
	width:92px;
	margin-right:9px;
	}
div#header_inner ul li#navi_about a:hover,
div#header_inner ul li#navi_about a:visited:hover,
div#header_inner ul li#navi_about a.selected {
	background:transparent url(../images/navi.jpg) -191px -32px no-repeat;
	}

div#header_inner ul li#navi_contact a {
	width:120px;
	}
div#header_inner ul li#navi_contact a:hover,
div#header_inner ul li#navi_contact a:visited:hover,
div#header_inner ul li#navi_contact a.selected {
	background:transparent url(../images/navi.jpg) -292px -32px no-repeat;
	}






















div#contents {
	width:100%;
	text-align:center;
	border-top:1px solid #FFF;
	background:#fcfcfc url(../images/contents_area_shadow.jpg) 0 0 repeat-x;
	}

div#contents_inner {
	width:940px;
	margin:0 auto;
	text-align:left;
	margin-top:41px;
	padding-bottom:60px;
	}

div#contents_inner ul {
	margin-bottom:20px;
	}

div#contents_inner ul li {
	padding-right:20px;
	float:left;
	}

div#contents_inner ul li.last {
	padding-right:0;
	}

div#contents_inner ul li span {
	display:block;
	width:220px;
	height:140px;
	background:#fcfcfc url(../images/work_shadow.jpg) 0 0 no-repeat;
	}

div#contents_inner ul li span img {
	margin:10px;
	}

div#contents_inner ul li p {
	margin-left:10px;
	}

div#contents_inner ul li p a {
	padding:0 5px;
	background-color:#000;
	}


















































div#footer {
	width:100%;
	text-align:center;
	background:#313131 url(../images/footer_shadow.jpg) 0 0 repeat-x;
	}

div#footer_inner {
	width:1040px;
	margin:0 auto;
	text-align:left;
	}

div#footer_inner p#copy,
div#footer_inner p#client {
	padding-top:20px;
	padding-bottom:20px;
	}

div#footer_inner p#copy,
div#footer_inner p#copy a,
div#footer_inner p#client,
div#footer_inner p#client a {
	font-size:x-small;
	line-height:1em;
	}

div#footer_inner p#client a {
	border-bottom:1px dotted #FFF;
	}

div#footer_inner p#copy {
	float:left;
	}

div#footer_inner p#client {
	float:right;
	}









/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }




/* floating box clear */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;
	line-height:1em;
	}
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 ¥*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */