/* 全体のレイアウト制御部分ここから */

*{
font-size: 100%;
font-weight: normal;
margin : 0;
padding : 0;
}


body{
font-family: Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size: 86%;
color: #4c4c4c;
background-color: #fcfcf2;
text-align: center;
height:100%;
}

html {
　height:100%;
}

img { 
border: none; 
}


#wrapper{
min-height:100%;
height: auto !important;
height: 100%;
position: relative;
background-color: #ffffff;
width: 950px;
margin: 0 auto;
margin-bottom:-30px;
}
/* 全体のレイアウト制御部分ここまで */



/* リンク色関連 */
a { text-decoration: none; }
a:hover {background-color: #97b453;}
a:link {color: #8ea94d; }
a:visited { color: #a9cb58; }
a:active { color: #ffd200; }



/* ライン色関連 */
hr.style1 {
width: 98%;
height: 1px;
border: 1px #e6e6e6 solid;
margin-top: 0.1em;
margin-bottom: 0.1em;
margin: 0 auto;
}


/* フォント色関連 */
h1{
font-family: Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size: 80%;
color: #a9cb58;
letter-spacing: 0.1em;
line-height: 1.3em;
text-align: left;
}

h2{
font-family: Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size: 80%;
color: #a9cb58;
letter-spacing: 0.1em;
line-height: 1.3em;
text-align: left;
}

h3{
font-family: Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size: 86%;
color: #797979;
margin: 0 auto;
}



/* 共通ヘッダー部分 */
#header {
background-color: #93b80a;
width:950px;
height:18px;
margin: 0 auto;
bottom:0px;
}


/* 共通フッター部分 */
#footer{
clear : both;
position: absolute;
bottom: 0;
background-color: #ffffff;
width:950px;
height:30px;
margin: 0 auto;
}



/* コンテンツ部分 */
#contents{
overflow: auto;
position: relative;
background-color: #ffffff;
width: 950px;
height:100%;
padding-bottom:30px;
}

div#dline {
text-align: center;
}

div#item {
text-align: left;
overflow: hidden;
width: 940px;
height:600px;
margin: 0 auto;
}

div#contact {
text-align: center;
}

p.menu {
margin: 0 auto;
text-align: center;
}


p.image01 {
margin: 0 auto;
text-align: left;
}

p.whatnews {
margin: 5px;
margin-left:10px;
text-align: left;
}

p.inquiry01 {
margin: 5px;
margin-left:10px;
text-align: left;
}

p.inquiry02 {
margin: 5px;
margin-left:10px;
text-align: left;
}

p.sp01 {
margin: 0;
margin-left:0;
text-align: left;
}

.sketch{
width: 280px;
height:100px;
position: relative;
top: 380px;
left: -60px;
margin: 0 auto;
}


.col01{
width: 450px;
height:500px;
background-image: url(../img/traditional/top_image/coceworks_top_image_00.gif);
padding: 0;
float: left;
}


.col02{
width: 500px;
height:500px;
padding: 0;
float: left;
background-color:#ffffff;
}


.col03{
position: relative;
text-align: center;
overflow: hidden;
width: 940px;
height:160px;
margin: 0 auto;
float: center;
background-color:#ffffff;
}


.col04{
width: 470px;
height:150px;
background-color:#ffffff;
padding: 0;
float: left;
}

.col05{
width: 950px;
height:45px;
background-color:#ffffff;
padding: 0;
float: left;
}

.col06{
width: 950px;
height:20px;
background-color:#ffffff;
padding: 0;
float: left;
}