@charset "UTF-8";

/* Reset
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img{vertical-align:bottom;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
strong {font-weight:bold;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
address, em{font-style:normal;}
a{text-decoration:none;}

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
 http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* Fix Frame Layout
----------------------------------------------- */
/* for IE6 */
* html ,* html body{
	height: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}
* html #container{
	overflow:auto;
	position:relative;
	width:100%;
	height:100%;
}


/* Frame Layout
----------------------------------------------- */
body{font-family: Verdana,Arial,sans-serif;}
* html body{font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}
body{color:#444; background:url('../images/common/bg_body.jpg');}

html,body,#container,#contents{width:100%; height:100%;}
#wrapper{}
#container{background:url('../images/common/bg_portfalio.jpg') no-repeat; position:relative; z-index:1;}
#header{width:100%; height:220px; background:url('../images/common/bg_pencil.jpg') right 0 no-repeat; position:absolute; top:0; left:0;}
#contents{position:relative; overflow:hidden; z-index:1}
#main{width:750px; padding:0 0 0 20%;}
#footer{padding:0 0 0 2em; position:absolute; bottom:0; left:0; z-index:0;}
#sidebar{width:120px; position:absolute; top:230px; left:50px; /* position:fixed !important; */ z-index:1}


/*
#wrapper,
#container,
#header,
#contents,
#main,
#footer{clear:both; margin:0 auto;}

:after{display:block;height:0;visibility:hidden;clear:both;content: ".";}
*/


/* header
----------------------------------------------- */

/* footer
----------------------------------------------- */
#footer{height:2em; line-height:2em; color:#999;}

/* Sidebar
----------------------------------------------- */
/* Navi */
.navi0{height:66px;}
.navi1,
.navi2{height:86px;}
#navi p a{display:block; outline:0; text-indent:-9999px;}
#navi .navi0 p a{width:65px; height:46px; background:url(../images/common/navi_home.jpg) no-repeat;}
#navi .navi1 p{padding-left:30px;}
#navi .navi1 p a{width:76px; height:66px; background:url(../images/common/navi_works.jpg) no-repeat;}
#navi .navi2 p a{width:89px; height:66px; background:url(../images/common/navi_plea.jpg) no-repeat;}

#navi .navi0 p.current a,
#navi .navi0 p a:hover{background-position:0 -46px;}
#navi .navi1 p.current a,
#navi .navi1 p a:hover{background-position:0 -66px;}
#navi .navi2 p.current a,
#navi .navi2 p a:hover{background-position:0 -66px;}

#navi div{position:relative;}
#navi div.popup{display:none; width:200px; position:absolute; left:120px;}
#navi div.popup a.close{width:28px; height:28px; position:absolute; top:-14px; right:-14px; background:url(../images/common/close.png) no-repeat;}

#navi ul{color:#FFF; list-style-type:square; background-color:#333; border:1px solid #FFF; padding:1em 2em;}
#navi .popup ul{-moz-opacity:0.8; opacity:0.8;}
#navi ul li{line-height:2em;}

#navi ul{
	/*角丸*/
	-moz-border-radius: 5px; /*FireFox*/
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, IE */
	behavior: url(/css/PIE.htc);
	
	/*ドロップシャドウ*/
	-moz-box-shadow: 5px 5px 15px #000; /* Firefox */
	-webkit-box-shadow: 5px 5px 15px #000; /* Safari and Chrome */
	/* box-shadow: 5px 5px 15px #000; */ /* Opera 10.5+, IE */
	
	/*グラデーション*/
	/* background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#999999)); */
	/* background: -moz-linear-gradient(#FFFFFF, #999999); */
	/* -pie-background: linear-gradient(#FFFFFF, #999999); */
}


/* Common
----------------------------------------------- */
/*Links*/
a:link, a:visited{color:#4C9996;}
a:hover, a:focus{text-decoration:underline;}

#contents{line-height:1.5;}
#main p{margin-bottom:1.2em;}

.block{clear:both; width:100%; margin-bottom:2em;}
.block:after{display:block;height:0;visibility:hidden;clear:both;content: ".";}

a.ablock{display:block; text-indent:-9999px; outline:0;}

h1{height:45px; padding-top:50px; margin-bottom:1.5em; width:700px; text-indent:-9999px;}
h2{}
h3{}

/* Item List */
ul.itemlist{padding:0 0 100px;}
ul.itemlist li{clear:both; height:106px; width:660px;/* width:560px; */ padding:15px 20px; margin-bottom:1em; overflow:hidden; background:url('../images/common/itemli700.png') no-repeat;}
ul.itemlist img{float:left; padding:1px; border:1px dotted #666;}
ul.itemlist dl{line-height:1.5em; padding-left:150px;}
ul.itemlist dl dt{color:#999; width:5em;}
ul.itemlist dl dd{margin:-1.5em 0 0 6em;}
ul.itemlist li:after{display:block;height:0;visibility:hidden;clear:both;content: ".";}

/* Home
----------------------------------------------- */
#home{padding:150px 100px 100px; background:url(../images/common/imai.png) right bottom no-repeat;}
#home{line-height:2em;}
#home ul{padding-left:1em;}

/* Website
----------------------------------------------- */




/* Contact
----------------------------------------------- */
div.contact div.block{width:100%; margin-bottom:2em; border:1px solid #BBC5D0;}

#fmail{width:700px;}
#fmail{
	min-height:400px;
	height: auto !important;
	height: 400px;
}
#fmail table{border-collapse:separate; margin:1em 0; background-color:#DDD;}
#fmail table th{width:25%; padding:0.5em 1em; background-color:#EEE; border:1px solid #FFF;}
#fmail table td{padding:0.5em 1em; background-color:#FFF;}

p.error{color:red; padding:1em; margin-bottom:1em; background-color:#FFDFDF; border:1px solid #F99;}
#fmail span{padding-left:0.5em; font-size:0.8em; color:red;}
#fmail table td span{display:block;}
#fmail em{font-size:0.8em; color:#666;;}

#fmail .fbtn{text-align:right;}
#fmail .fbtn input{padding:0.5em; font-size:1.1em;}