/* CSS Document */

/*初期化---------------------------------------------*/

/* 
Copyright (c) 2006, Yahoo! Inc. All rights reserved. 
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';} 


/* リンク　---------------------------------------------*/
a {
color:#666666;
text-decoration: underline;
} 
a:visited{
text-decoration: underline;
}
a:hover { 
text-decoration: none;
} 
a:active{ 
text-decoration: none;
}

/* h要素　---------------------------------------------*/

h1{
font-size:70%;
}

h2 {
font-weight:bold;
color:#FF3399;
font-size:110%;
}

h3 {
font-weight:bold;
background:url(images/pinkc.gif) no-repeat 0 2px;
padding-left:15px;
color:#FF3399;
font-size:110%;
}


/* 全体レイアウト設定 -------------------------------*/
*html body {
background-image:url(images/bg.gif);
background-repeat:repeat;
text-align:center;
font-size:88%;
color:#666666;
}

body {
background-image:url(images/bg.gif);
background-repeat:repeat;
/*text-align:center;*/
font-size:88%;
color:#666666;
}

#page {
width:890px;
margin-left:auto;
margin-right:auto;
background-image:url(images/sidebg.gif);
background-repeat:repeat-y;
border-left:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
}

#header {
background-color:#FFFFFF;
}

#main {
width:640px;
padding:0 10px 10px 20px;
line-height:150%;
font-size:90%;
float:left;
text-align:left;
background-color:#FFFFFF;
}

#sub_main {
width:650px;
padding:0 10px 10px 0px;
line-height:150%;
font-size:90%;
float:left;
text-align:left;
background-color:#FFFFFF;
}

#sidebar {
width:200px;
padding:0 20px 10px 0;
float:right;
}

#footer {
clear:both;
padding-left:20px;
text-align:left;
background-color:#FFFFFF;
}

#contact {
width:600px;
margin:0px auto;
background-color:#FFFFFF;
border-left:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
line-height:150%;
font-size:90%;
text-align:left;
}

/* ヘッダー -------------------------------*/

#head {
width:856px;
background-image:url(images/head.gif);
background-repeat:no-repeat;
margin:0 10px 10px 10px;
padding:8px 7px 8px 7px;
text-align:left;
font-size:90%;
}

#topimg {
width:850px;
height:288px;
margin:auto;
background-image:url(images/topimg.jpg);
margin-bottom:7px;
}

#topttl {
padding:2px 0 10px 18px;
text-align:left;
}

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

#bred {
margin-left:25px;
padding:5px;
font-size:70%;
text-align:left;
}

#bred li {
display:inline;
}

#subbred {
margin-left:18px;
padding:0px 5px 5px 0px;
font-size:82%;
text-align:left;
}

#subbred li {
display:inline;
}

/* メイン -------------------------------*/

#toptxt {
width:590px;
margin:10px 20px 15px 10px;
padding:5px;
}

#charm_ttl {
width:590px;
margin:0 0 10px 10px;
}

#charm {
margin-left:20px;
}

#charm li {
width:560px;
margin:2px 0 15px 0;
}

#workttl {
width:590px;
margin:40px 0 15px 10px;
}

#worktop {
margin-left:20px;
}

#worktop li {
width:560px;
margin:2px 0 5px 10px;
line-height: 140%;
background: url(images/pinkc.gif) no-repeat 0 2px;
padding-left: 20px;
}

#worksmore {
width:560px;
text-align:right;
margin-top:25px;
}

#codall {
width:580px;
text-align:right;
margin:20px 0 10px 0;
}

#staffttl {
width:590px;
margin:40px 0 15px 10px;
}

#st{
width:530px;
margin:0 0 10px 30px;
}

#staff1 {
width:245px;
height:210px;
margin:20px 5px 10px  0;
padding:5px;
border:1px solid #FFD4D4;
float:left;
}

#staff2 {
width:245px;
height:210px;
margin:20px 0 10px  0;
padding:5px;
border:1px solid #FFD4D4;
float:right;
}

.stafftop {
background: url(images/pinkc.gif) no-repeat 0 2px;
padding-left:15px;
margin-bottom:4px;
}

.staffmore {
text-align:right;
margin:5px 0 5px 0;
}

#codttl {
width:590px;
margin:40px 0 20px 10px;
}

.cod1 {
width:550px;
margin:15px 5px 0 25px;
}

.codtop {
width:350px;
background: url(images/pinkc.gif) no-repeat 0 2px;
padding-left:15px;
margin-bottom:4px;
}

.codtop_gray {
width:350px;
background: url(images/gray.gif) no-repeat 0 2px;
padding-left:15px;
margin-bottom:4px;
}

#entrybar{
width:590px;
text-align:center;
margin:60px 0 60px 0;
}

/* スタッフページ -------------------------------*/

#staff_topimg {
width:573px;
height:221px;
margin-left:20px;
background-image:url(images/staff_top.jpg);
text-align:left;
}

#staff_border {
width:540px;
margin:10px 0 30px 20px;
padding:12px;
border:1px solid #FF3399;
}

.staff_itv {
width:545px;
margin:10px 0 10px 25px;
}

.itvright {
float:right;
margin-left:15px;
}

.itvleft {
float:left;
margin-right:15px;
}

.itv_q {
color:#FF6666;
}

/* コーディネーターページ -------------------------------*/

#cod_topimg {
width:573px;
height:221px;
margin-left:20px;
background-image:url(images/cod_top.jpg);
text-align:left;
}

#cod_info {
width:545px;
margin:10px 0 10px 25px;
}

#cod_prof {
font-size:82%;
line-height:130%;
margin-bottom:15px;
}

#cod_menu {
width:545px;
margin:10px 0 10px 25px;
}

#cod_border {
width:530px;
margin:10px 0 10px 0px;
padding:10px;
border:1px solid #FF3399;
}

/* FAQ -------------------------------*/

#faq_topimg {
width:573px;
height:221px;
margin-left:20px;
background-image:url(images/faq_top.jpg);
text-align:left;
}

#question  {
width:545px;
margin:0 0 5px 15px;
}

#question li {
width:500px;
margin:2px 0 5px 0px;
line-height: 130%;
background: url(images/pinkc.gif) no-repeat;
padding-left: 20px;
}

#not_topimg {
width:573px;
height:221px;
margin-left:20px;
background-image:url(images/404_top.jpg);
text-align:left;
}



/* お仕事情報 -------------------------------*/

#work_topimg {
width:573px;
height:221px;
margin-left:20px;
background-image:url(images/work_top.jpg);
text-align:left;
}

#work_border {
width:540px;
height:22px;
margin:10px 0 5px 20px;
padding:12px;
border:1px solid #FF3399;
}

.page_control {
width:540px;
margin:0px 0 25px 20px;
padding:12px;
}

.work_all {
float:left;
}

.work_page {
float:right;
}

#work {
width:569px;
margin:0 0 0 20px;
}

.worktop {
width:569;
height:30px;
background: url(images/work_top.gif) no-repeat;
background-position:left center;
padding:12px 0 0px 28px;
font-weight:bold;
}

.workpr {
padding:8px 0 0 20px;
font-weight:bold;
color:#FF3366;
font-size:110%;
}

.worktxt {
padding:8px 0 0 20px;
}

.workinfo {
margin:20px 0 15px 20px;
}

table.workinfo  {
border-collapse: collapse;
border:1px solid #CCCCCC;
}

.workinfo th {
width:100px;
background-color:#FFECF5;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:7px;
font-weight:bold;
}

.workinfo td {
width:400px;
padding:7px;
border-bottom:1px solid #CCCCCC;
}

/* お問い合わせ -------------------------------*/

.ct {
margin:20px 0 10px 20px;
}

table.ct  {
border-collapse: collapse;
border:1px solid #CCCCCC;
}

.ct th {
width:150px;
background-color:#FFECF5;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:7px;
font-weight:bold;
}

.ct td {
width:370px;
padding:7px;
border-bottom:1px solid #CCCCCC;
}

#cttop {
width:550;
height:144px;
background: url(images/ct_top.jpg) no-repeat;
margin:0 0 0 20px;
}

#cttop2 {
width:550;
height:144px;
background: url(images/cttop.jpg) no-repeat;
margin:0 0 0 20px;
}

#priv {
width:548px;
height:100px;
overflow:auto;
border:1px solid #CCCCCC;
margin:10px 0 0px 20px;
}

#priv_in {
width:520px;
padding:5px;
}

/* サイドメニュー -------------------------------*/

#sidemenu li {
list-style-type:none;
padding-bottom:5px;
}

#mobile {
width:186px;
border:1px solid #FFD4D4;
margin:15px 0 15px 0;
padding:25px 2px 5px 9px;
background-image:url(images/mobittl.gif);
background-repeat:no-repeat;
text-align:left;
font-size:70%;
}

#sidewh {
background-color:#FFFFFF;
}

/* フッター -------------------------------*/

#footlink {
width:98%;
height:18px;
border-bottom:1px solid #CCCCCC;
padding-top:10px;
padding-bottom:5px;
}

#footlink li{
display:inline;
float:left;
padding-right:10px;
font-size:90%;
}

#otherlink {
margin:5px 10px 5px 0;
padding:5px 5px 5px 0;
font-size:70%;
line-height:130%;
}

#copy {
padding:0 20px 0 10px;
margin:15px 0 10px 0;
text-align:right;
background-color:#FFFFFF;
}

/* class -------------------------------*/

.center {
text-align:center;
}

.right {
text-align:right;
}

.imgleft {
float:left;
padding-right:15px;
margin-left:5px;
}

.imgright {
float:right;
margin-right:5px;
}

.pink_txt {
font-size:88%;
color:#FF3399;
}

.backtop {
width:590px;
text-align:right;
margin:10px 0 10px 0;
}

.clear {
clear:both;
}