@charset "UTF-8";
/*-- CSS Document --*/



/*-------------------------------------
　　　　　　　共通仕様
--------------------------------------*/


* {
	margin: 0px;
	padding: 0px;
	}

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote,a {
	margin:0px;
	padding:0px;
	}

/*-- clearfix --*/

.clearfix {
	zoom:1;
	}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	font-size: 0em;
	}

img {
	border: 0;
	}

p {
	font-size: 100%;
	}

/*-- 文頭　注）マーク --*/

p.attention {
	padding-left: 6.5em;
	text-indent: -1.8em;
	}

/*-- 廻り込み画像 --*/

img.left {
	float: left;
	}

img.right {
	float: right;
	}

/*-- link --*/

A:link {
	color: #000000;
	text-decoration: none;
	}

A:visited {
	color: #000000;
	text-decoration: none;
	}

A:active {
	color: #666666;
	text-decoration: none;
	}

A:hover {
	color: #666666;
	text-decoration: none;
	}

/*-- パンくずリスト --*/

ol#topicpath {
	width: 760px;
	height: 20px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	line-height: 300%;
	}

ol#topicpath li{
	display: inline;
	list-style-type: none;
	font-size: 100%;
	line-height: 1.0;
	}

ol#topicpath li a{
	padding: 0px 10px 0px 0px;
	background: url(../images/arrow.gif) no-repeat right center;
}

/*-- 見出し等 --*/

h3 {
	font-weight: bold;
	font-size: 100%;
	line-height: 1.5em;
	}

strong {
	font-weight: bold;
	font-size: 110%;
	}

em {
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	}

em {
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	}

s {
	font-weight: bold;
	font-size:80%;
	text-decoration: none;
	}

/*-------------------------------------
　　　　　　　全体構造
--------------------------------------*/


body {
	width: 100%;
	text-align: center;
	color: #000000;
	font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	line-height: 150%;
	background-color: #EEEA48;
	}

#container {
	width: 800px;
	padding: 0px 0px 0px;
	margin: 0px auto;
	background-color: #EEEA48;
	text-align: left;
	position: relative;
	z-index: 1;
	}

/*-- グリット --*/

#grid_1 {
	width: 200px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#grid_2 {
	width: 400px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#grid_3 {
	width: 600px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#grid_4 {
	width: 800px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#grid_11 {
	width: 190px;
	height: 190px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

#grid_22 {
	width: 390px;
	height: 390px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

#grid_33 {
	width: 590px;
	height: 590px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

/*-- グリット　タテ --*/

#grid_12 {
	width: 190px;
	height: 390px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

#grid_13 {
	width: 190px;
	height: 590px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

#grid_14 {
	width: 190px;
	height: 790px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

/*-- グリット　ヨコ --*/

#grid_21 {
	width: 390px;
	height: 190px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

#grid_31 {
	width: 590px;
	height: 190px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

#grid_41 {
	width: 790px;
	height: 190px;
	margin: 10px 10px 0px 0px;
	float: left;
	text-align: right;
	}

/*-- ボーダー枠ボックス --*/

#grid_11_b {
	width: 188px;
	height:188px;
	margin:  10px 10px 0px 0px;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	float: left;
	}

#grid_12_b {
	width: 188px;
	height:388px;
	margin:  10px 10px 0px 0px;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	float: left;
	}
	
#grid_13_b {
	width: 188px;
	height:588px;
	margin:  10px 10px 0px 0px;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	float: left;
	}

#grid_21_b {
	width: 388px;
	height:188px;
	margin:  10px 10px 0px 0px;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	float: left;
	}
	
#grid_31_b {
	width: 588px;
	height:188px;
	margin:  10px 10px 0px 0px;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	float: left;
	}


/*-- テキストボックス --*/

#text_11 {
	width: 138px;
	height: 138px;
	margin: 0px;
	padding: 25px;
	text-align: justify;
	word-break: break-all;
	overflow: hidden;
	}

#text_12 {
	width: 138px;
	height: 338px;
	margin: 0px;
	padding: 25px;
	text-align: justify;
	word-break: break-all;
	overflow: hidden;
	}
	
#text_13 {
	width: 138px;
	height: 538px;
	margin: 0px;
	padding: 25px;
	text-align: justify;
	word-break: break-all;
	overflow: hidden;
	}

#text_21 {
	width: 338px;
	height: 138px;
	margin: 0px;
	padding: 25px;
	text-align: justify;
	word-break: break-all;
	overflow: hidden;
	}
	
#text_31 {
	width: 538px;
	height: 138px;
	margin: 0px;
	padding: 25px;
	text-align: justify;
	word-break: break-all;
	overflow: hidden;
	}


/*-- 共通バックカラー --*/

.white {
	background-color: #FFFFFF;	
	}

.pink {
	background-color: #F4E3D4;	
	}

.green {
	background-color: #8CB7AF;	
	}

.black {
	background-color: #222222;	
	}

/*-- 共通フォントカラー --*/

.yellow {
	color: #EEEA48;	
	}

/*-- 共通navi ボタン --*/

#navi {
	width: 190px;
	height: 390px;
	margin: 10px 10px 0px 0px;
	float: left;
	}

/*-- 共通navi（ロールオーバー）--*/

#navi ul {
	
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	}
	
#navi li {
	width: 190px;
	height: 65px;
	padding: 0px;
	float: left;
	list-style-type: none;
	display: inline;
	}
#navi li a {
	width: 190px;
	height: 65px;
	background-image: url(../images/btn_navi.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent:0px;
	display: block;
	}

/*-- IE5を無視なら　overflow: hidden;　を追加 --*/

#navi li a span { 
	display:none; 
	}

/*-- IE5用指定　無視なら不要 --*/

a.home {
    background-position: 0px 0px;
	}
a:hover.home {
    background-position: -190px 0px;
	}
a.about {
    background-position: 0px -65px;
	}
a:hover.about {
    background-position: -190px -65px;
	}
a.service {
    background-position: 0px -130px;
	}
a:hover.service {
    background-position: -190px -130px;
	}
a.works {
    background-position: 0px -195px;
	}
a:hover.works {
    background-position: -190px -195px;
	}
a.company {
    background-position: 0px -260px;
	}
a:hover.company {
    background-position: -190px -260px;
	}
a.contact {
    background-position: 0px -325px;
	}
a:hover.contact {
    background-position: -190px -325px;
	}

/*-- footer --*/

#footer {
	width: 770px;
	height: 85px;
	margin: 0px 0px 80px;
	padding: 10px 0px 0px 20px;
	background-color: #EEEA48;
	font-family: Arial, Helvetica, sans-serif;
	position: fixed;
	z-index: 3;
	bottom: 0;
	clear: both;
	}

#footer_link {
	width: 590px;
	margin: 0px 0px 0px 30px;
	float: left;
	}

#footer_link ul{
	text-align: left;
	font-size: 150%;
	line-height: 1.5em;		
	}

#footer_link ul li{
	display: inline;
	padding: 0px 5px;
	}

#footer_link ul li a{
	padding: 0px 15px;
	text-decoration: none;
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	line-height: 1.5em;
	background-position: 0px 5px;
	}

#footer .copyright {
	width: 590px;
	height: 20px;
	margin: 10px 0px 0px 30px;
	background-color: #222222;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 2em;
	text-align: center;
	float: left;
	}


/*-------------------------------------
　　　　　　　home
--------------------------------------*/


/*-- ヘッダーロゴ-- */

.logo {
	width: 190px;
	height: 190px;
	background: url(../home/images/logo.jpg) no-repeat;
	}

/*-- ラ・デザイン説明 --*/

.home_text {
	width: 170px;
	height:370px;
	padding: 10px 10px 10px 10px;
	background-color: #F4E3D4;
	color: #CC3300;
	text-align: justify;
	word-break: break-all;
	}

/* デザイン会社です */

.design_kaisya {
	/*-- 一番下になる背景画像の指定 --*/
	width: 190px;
	height: 190px;
	margin: 10px 10px 0px 0px;
	background-color: #FFFFFF;
	text-align: justify;
	z-index: -1;/*-- 下になる --*/
	}

.kaisya_text {
	/*-- 中間テキスト表示 --*/
	width: 170px;
	height: 170px;
	padding: 10px 10px 10px 10px;
	color: #80C5E3;
	text-align: justify;
	word-break: break-all;
	font-size: 100%;
	line-height: 1.2em;
	overflow: hidden;
	}

.kaisya_img {
	/*-- 上にのせる背景透過画像の指定 --*/
	width: 190px;
	height: 190px;
	background: url(../home/images/design_kaisya.gif) no-repeat;
	position: absolute;/*-- 絶対位置の指定 --*/
	z-index: 1;/*-- 上にする --*/
	}

/*-- space design --*/

.home_space {
	width: 190px;
	height: 390px;
	}

.home_space a {
	width: 190px;
	height: 390px;
	display:block;
	background: url(../home/images/img_space.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.home_space a:hover {
	background-position: right;
	}

/*-- graphic design --*/

.home_graphic {
	width: 190px;
	height: 590px;
	}

.home_graphic a {
	width: 190px;
	height: 590px;
	display:block;
	background: url(../home/images/img_graphic.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.home_graphic a:hover {
	background-position: right;
	}

/*-- architect design --*/

.home_architect {
	width: 390px;
	height: 190px;
	}

.home_architect a {
	width: 390px;
	height: 190px;
	display:block;
	background: url(../home/images/img_architect.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.home_architect a:hover {
	background-position: right;
	}

/*-- product design --*/

.home_product {
	width: 190px;
	height: 190px;
	}

.home_product a {
	width: 190px;
	height: 190px;
	display:block;
	background: url(../home/images/img_product.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.home_product a:hover {
	background-position: right;
	}

/*-- contact design --*/

.home_contact {
	width: 190px;
	height: 390px;
	}

.home_contact a {
	width: 190px;
	height: 390px;
	display:block;
	background: url(../home/images/img_contact.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.home_contact a:hover {
	background-position: right;
	}

/*-- navi ファイル棚 --*/

.home_company {
	width: 190px;
	height: 190px;
	}

.home_company a {
	width: 190px;
	height: 190px;
	display:block;
	background: url(../home/images/img_company.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.home_company a:hover {
	background-position: right;
	}

/*-- about ラってなに？ --*/

.home_about {
	width: 190px;
	height: 190px;
	}

.home_about a {
	width: 190px;
	height: 190px;
	display:block;
	background: url(../home/images/img_about.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.home_about a:hover {
	background-position: right;
	}

/*-- twitter --*/

#twit-ticker {
	width: 150px;
	height: 80px;
	padding: 45px 35px 75px 15px;
	background: url(../home/images/img_twitter.gif) no-repeat;
	float: left;
	line-height: 1.4em;
	}

/*-- ブログリンク --*/

#home_blog {
	width: 190px;
	height:200px;
	margin:  0px 10px 0px 0px;
	padding: 0px;
	float: left;
	}

.link_blog {
	width: 190px;
	height: 200px;
	}

.link_blog a {
	width: 190px;
	height: 200px;
	display:block;
	background: url(../home/images/img_blog.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.link_blog  a:hover {
	background-position: right;
	}

/*-- CGメリット リンク --*/

.link_cg {
	width: 190px;
	height: 190px;
	}

.link_cg a {
	width: 190px;
	height: 190px;
	display:block;
	background: url(../home/images/img_cg.jpg) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}

.link_cg  a:hover {
	background-position: right;
	}

/*-- 取り扱い品目等 -- */

#lod {
	width: 790px;
	height: 15px;
	margin:  20px 0px 140px;
	padding: 0px;
	overflow-y: scroll;
	float: left;
	}


/*-------------------------------------
　　　　　　　about
--------------------------------------*/


/*-- タイトルイメージ --*/

#about_1 {
	width: 600px;
	height:400px;
	background: url(../about/images/title_1.png) no-repeat left;
	margin: 0px;
	padding: 0px;
	float: left;
	}

.about_2 {
	background: url(../about/images/title_2.gif) no-repeat left;
	}

.about_3 {
	background: url(../about/images/title_3.gif) no-repeat left;
	}

.about_4 {
	background: url(../about/images/title_4.gif) no-repeat left;
	}

.about_5 {
	background: url(../about/images/title_5.gif) no-repeat left;
	}

.about_6 {
	background: url(../about/images/title_6.gif) no-repeat left;
	}


/*-------------------------------------
　　　　　　　service
--------------------------------------*/


/*-- タイトルイメージ --*/


#service_1 {
	width: 200px;
	height:200px;
	background: url(../service/images/title_1.png) no-repeat left;
	margin: 0px;
	padding: 0px;
	float: left;
	}


/*-------------------------------------
　　　　　　　works
--------------------------------------*/


/*-- タイトルイメージ --*/

#works_1 {
	width: 200px;
	height:200px;
	background: url(../works/images/title_1.png) no-repeat left;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	

/*-------------------------------------
　　　　　　　company
--------------------------------------*/


/*-- タイトルイメージ --*/

#company_1 {
	width: 600px;
	height:400px;
	background: url(../company/images/title_1.png) no-repeat left;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#company_p {
	width: 390px;
	height:190px;
	background: url(../company/images/company_p.jpg) no-repeat left;
	margin:  10px 10px 0px 0px;
	padding: 0px;
	float: left;
	}
	
.company_2 {
	background: url(../company/images/title_2.gif) no-repeat left;
	}

.company_3 {
	background: url(../company/images/title_3.gif) no-repeat left;
	}

.company_4 {
	background: url(../company/images/title_4.gif) no-repeat left;
	}
	
.company_5 {
	background: url(../company/images/title_5.gif) no-repeat left;
	}
	
#company ul {
	width: 138px;
	margin: 0px;
	padding: 25px 25px 0px;
	}

#company ul li{
	list-style-type: none;
	padding: 0px 0px 0px 10px;
	line-height: 1.7em;
	}

/*-------------------------------------
　　　　　　　contact
--------------------------------------*/


/*-- タイトルイメージ --*/

.contact_1 {
	background: url(../contact/images/title_1.gif) no-repeat left;
	}

.contact_2 {
	background: url(../contact/images/title_2.gif) no-repeat left;
	}

.contact_3 {
	background: url(../contact/images/title_3.png) no-repeat left;
	}

#contact_4 {
	width: 200px;
	height:200px;
	background: url(../contact/images/title_4.png) no-repeat left;
	margin: 0px;
	padding: 0px;
	float: left;
	}

.contact_5 {
	background: url(../contact/images/title_5.gif) no-repeat left;
	}

.contact_6 {
	background: url(../contact/images/title_6.png) no-repeat left;
	}

.contact_7 {
	background: url(../contact/images/title_7.png) no-repeat left;
	}

.contact_8 {
	background: url(../contact/images/title_8.gif) no-repeat left;
	}

.contact_9 {
	background: url(../contact/images/title_9.gif) no-repeat left;
	}

.contact_10 {
	background: url(../contact/images/title_10.png) no-repeat left;
	}

.contact_11 {
	background: url(../contact/images/title_11.png) no-repeat left;
	}

.contact_12 {
	background: url(../contact/images/title_12.jpg) no-repeat left;
	}
	
.contact_13 {
	background: url(../contact/images/title_13.jpg) no-repeat left;
	}
	
#mail {
	width: 548px;
	height:148px;
	margin:  10px 10px 0px 0px;
	padding: 20px;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	float: left;
	}

#mail textarea {
	width:548px;
	height:133px;
	font-size: 120%;
	line-height: 2em;
	background-color: #EEEA90;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	overflow-y:scroll;
}

#form {
	width: 348px;
	height:148px;
	margin:  10px 10px 0px 0px;
	padding: 20px;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	float: left;
	}

#form .txt {
	width:348px;
	height:20px;
	font-size: 120%;
	line-height: 2em;
	background-color: #EEEA90;
	border-collapse: collapse;
	border: 1px #9F9A40 solid;
	overflow-y:scroll;
}

.button {
	width: 190px;
	height: 190px;
	display:block;
	background: url(../contact/images/btn.gif) no-repeat left;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	
}


/*-------------------------------------
　　　　　　　policy
--------------------------------------*/


/*-- タイトルイメージ --*/

.policy_1 {
	background: url(../policy/images/title_1.gif) no-repeat left;
	}

.policy_2 {
	background: url(../policy/images/title_2.gif) no-repeat left;
	}

.policy_3 {
	background: url(../policy/images/title_3.gif) no-repeat left;
	}
	
.policy_4 {
	background: url(../policy/images/title_4.gif) no-repeat left;
	}

.policy_5 {
	background: url(../policy/images/title_5.gif) no-repeat left;
	}

.policy_6 {
	background: url(../policy/images/title_6.gif) no-repeat left;
	}
	
	/*-------------------------------------
　　　　　　　recruit
--------------------------------------*/

#recruit_1 {
	width: 650px;
	height:356px;
	background: url(../recruit/images/recruit_img.png) no-repeat left;
	margin: 0px;
	padding: 2970px 0px 0px 140px;
	float: center;
	}