@charset "utf-8";

/*--------------------------------------------------------
コンテナの説明
(共)　common.css内に記入
(コ)　contents.css内に記入

#wrapper　(コ)ページ要素全体のコンテナ
├#header　(共)ヘッダコンテナ   【調整中：07/06/08】
├#contentsWrapper　(コ)メインコンテンツコンテナ
　├#contentsWrapper　(コ)コンテンツ＆左メニューコンテナ
　　├#contents　(コ)コンテンツ系格納コンテナ
　　├#menu　(コ)左メニュー格納コンテナ
    ├#menuSub 　(コ)右メニュー格納コンテナ
#footer　(共)フッタコンテナ
--------------------------------------------------------*/

/*---------------------------------------
Universal Selector
----------------------------------------*/
* {
    margin:0;
    padding:0;
    font-style:normal;
    font-weight:normal;
    font-size:100%;
    line-height:1.3; 
}

/*---------------------------------------
Common
----------------------------------------*/
body {
    background:url(/images/bg.gif) #FFF repeat-y center;
    font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
    font-size:12px;
    *font-size:small;
    *font:x-small;
}

html {
    background-color:#FFF;
    overflow-y:scroll;
}

img {
    border:0;
}

h1 {
    margin-bottom:20px;
    padding:5px 10px;
    border:1px solid #CCC;
    background:url(/images/enquete/title_bg.gif) repeat-x top;
    font-size:170%;
    font-weight:bold;
    text-align:center;
}

p { 
    margin-bottom:12px;
}

ul {
    list-style:none;
}

li {
    list-style-position:outside;
}

strong { 
    font-weight:bold;
}

table {
    border-collapse:collapse;
}

th,td {
    vertical-align:top;
}

.breadcrumbs{
    margin-bottom:10px;
    font-size:85%;
}

.linkTop {
    margin-top:25px;
    font-size:90%;
    text-align:right;
}

.clear { 
    width:0; 
    height:0; 
    clear:both;
}

.center { 
    text-align:center; 
}

.right { 
    text-align:right;
}

.left { 
    text-align:left;
}

.caution {
    color:#F00;
}

.notes {
    padding:5px 15px;
    color:#333;
    font-size:90%;
}

td.necessary span {
    margin-top:2px;
    padding:2px;
    border:1px solid #FF3300;
    display:block;
    width:2em;
    white-space:nowrap;
    line-height:1.1;
    font-size:80%;
    color:#FFF;
    background:url(/images/necessary_bg.gif) #EC5F00 repeat-x top;
}


/*--------------------------------------------------------
#wrapper　ページ要素全体のコンテナ
--------------------------------------------------------*/
#wrapper { 
    margin:0 auto;
    width:830px;
}

/*-------------------------------------------------
#header
-------------------------------------------------*/
#header {
    border-top:3px solid #039;
    border-bottom:2px solid #CCC;
    width:830px;
    float:left;
    clear:left;
    background:url(/images/header_bg.gif) #F0F0F0 repeat-x top;
}

#header .logoArea {
    padding:8px 0 8px 10px;
    width:290px;
    float:left;
}

#header .logoArea a {
    display:block;
    width:110px;
    height:40px;
    float:left;
    overflow:hidden;
    background:url(/images/logo.gif) no-repeat left top;
    text-indent:-9999px;
}

#header .logoArea .logoSub {
    padding-left:12px;
    width:157px;
    height:30px;
    float:left;
    background:url(/images/logo_sub.gif) no-repeat 12px 10px;
    text-indent:-9999px;
}

#header .koLogo {
    padding:8px 10px 5px;
    width:500px;
    float:right;
    text-align:right;
}

/*-------------------------------------------------
#mainWrapper
-------------------------------------------------*/
#mainWrapper {
    margin:0 auto;
    width:770px;
}

/*-------------------------------------------------
#contents
-------------------------------------------------*/
#contents {
    padding:15px 20px 35px;
    width:790px;
}

#contents .noteBox {
    margin:0 auto 15px;
    padding:10px;
    border:1px solid #CCC;
}

#contents .present {
    margin-bottom:15px;
    border:1px solid #036;
    background-color:#DFF4FF;
    text-align:center;
}

#contents .present img {
    margin:10px;
}

#contents #statusArea .bar {
    border:1px solid #CCC;
    width:200px;
    float:right;
    background:url(/images/enquete/status_bg.gif) repeat-x top;
}

#contents #statusArea p {
    clear:both;
    text-align:right;
}


/*-------------------------------------------------
.generalEnquete　一般アンケート
-------------------------------------------------*/
#contents table.generalEnquete {
    margin:0 auto 20px;
    width:770px;
}

#contents table.generalEnquete th {
    padding:2px 0 5px;
    width:3em;
    font-weight:bold;
    color:#03C;
    vertical-align:top;
    
    text-align:left;
}

/*

#contents .qstNum {
    padding:2px 0 5px;
    width:5%;
    vertical-align:top;
    text-align:right;
    white-space:nowrap;
    background-color: #ffaaaa;
        border: solid 2px #ff0000;
}

#contents .qstNum span {
    font-weight:bold;
    color:#03C;
  display:block;
  float:left;
  width:50px;
    background-color: #aaffaa;
        border: solid 2px #ff0000;
}

#contents .question span {
    font-weight:bold;
    color:#03C;
  display:block;
  float:left;
  width:50px;
}
*/

#contents .qstNum {
  padding:2px 0 5px;
  margin-right: 5px;
  vertical-align:top;
  text-align:right;
  white-space:nowrap;
  font-weight:bold;
  color:#03C;
  float:left;
}


#contents .qstText {
  padding: 2px;
  vertical-align:top;
  text-align:left;
  float:left;
  width: 88%;
}

#contents table.generalEnquete td {
    padding:3px 5px 3px;
}

#contents table.generalEnquete td.question {
    padding-bottom:20px;
}

#contents table.generalEnquete input,
#contents table.generalEnquete select {
    margin-right:5px;
    vertical-align:middle;
}


/*-------------------------------------------------
.imageArea 写真選択式アンケート
-------------------------------------------------*/
#contents .imageArea {
    width:620px;
}

#contents .imageArea img {
    margin:0 15px 7px 0;
}


/*-------------------------------------------------
.compareEnquete 比較アンケート
-------------------------------------------------*/
#contents .compareEnquete {
    margin:0 auto 20px;
    border:1px solid #CCC;
    width:770px;
}

#contents .compareEnquete h2 {
    margin-bottom:5px;
    padding:4px 10px;
    background-color:#C3D4FF;
    font-weight:bold;
}

#contents .compareEnquete table {
    margin:0 10px 5px;
    width:750px;
}

#contents .compareEnquete th {
    padding:6px 5px 5px;
}

#contents .compareEnquete td {
    padding:5px 5px;
}

#contents .compareEnquete table table {
    margin:0;
    width:auto;
}

#contents .compareEnquete p {
    margin:0 10px 10px;
}

#contents .compareEnquete label {
    padding-right:15px;
}

#contents .compareEnquete select,
#contents .compareEnquete input {
    margin-right:5px;
    vertical-align:baseline;
}



/*-------------------------------------------------
発送先情報
-------------------------------------------------*/
#contents table.shippingInfo th {
    width:20%;
    text-align:left;    
}

#contents table.shippingInfo tr.separateLine th,
#contents table.shippingInfo tr.separateLine td {
    background:url(/images/dotted.gif) repeat-x bottom;
}


/*-------------------------------------------------
.nameArea 氏名入力欄
-------------------------------------------------*/
#contents table.shippingInfo td.nameArea th,
#contents table.shippingInfo td.nameArea td {
    padding:0 5px 0 0;
    background:none;
}

#contents table.shippingInfo td.nameArea th {
    width:2.2em;
}




/*-------------------------------------------------
.buttonArea
-------------------------------------------------*/
#contents .buttonArea {
    margin:10px 20px 20px 40px;
    text-align:center;
}

#contents .buttonArea input {
    margin:0;
    padding:4px 15px;
    background-color:#DDD;
    overflow:visible;
}

#contents .buttonArea table {
    margin:5px auto;
    width:700px;
    border:none;
}

#contents .buttonArea td {
    padding:0;
    border:none;
}

#contents .buttonArea .buttonLeft {
    width:25%;
    text-align:center;
}

#contents .buttonArea .buttonRight {
    width:25%;
    text-align:center;
}

#contents .buttonArea .buttonNext {
    background-color:#FC6;
}








/*-------------------------------------------------
.enqueteList アンケートテーブル
-------------------------------------------------*/
#contents table.enqueteList {
    margin-bottom:25px;
    width:100%;
}

#contents table.enqueteList th,
#contents table.enqueteList td {
    padding:5px 5px;
    border:1px solid #CCC;
}

#contents table.enqueteList th {
    background-color:#E6EFFF;
    font-weight:bold;
}

#contents table.enqueteList td {
    background-color:#FFF;
    text-align:center;
}

#contents table.enqueteList td.enqueteName {
    text-align:left;
}

#contents table.enqueteList tr.stripe td {
    background-color:#F3F3F3;
}

#contents table.enqueteList td.reply a {
    font-weight:bold;
}

#contents table.enqueteList td.done {
    color:#F30;
    font-weight:bold;
}

#contents table.enqueteList td.end {
    font-weight:bold;
}




/* ナンバリンク */
#contents p.flip {
    text-align:center;
}

#contents p.flip a {
    padding:3px 7px;
    zoom:1;
}

#contents p.flip span {
    padding:3px 7px;
    zoom:1;
    font-weight:bold;
    background-color:#E6EFFF;
}

#contents p.flip a:hover {
    background-color:#039;
    color:#FFF;
}



/*-------------------------------------------------
#nav
-------------------------------------------------*/
#nav {
    float:left;
    width:200px;
}

#nav ul li {
    margin-bottom:3px;
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:#CCC;
    background-color:#FFF;
}

#nav ul li img {
    vertical-align:bottom;
}

#nav ul li ul {
    padding-bottom:10px;
}

#nav ul li ul li {
    margin:5px 0px 0px 5px;
    border:none;
}

#nav ul li ul li a {
    padding:5px 0 5px 17px;
    min-height:1em;
    background:url(/images/marker_nav.gif) no-repeat 0 0.5em;
}

/*--------------------------------------------------------
#footer　フッタコンテナ
--------------------------------------------------------*/
#footer {
    padding:10px 10px 5px;
    border-top:3px solid #CCC;
    clear:both;
    font-size:85%;
    background-color:#F2F2F2;
    text-align:right; 
}


/*--------------------------------------------------------
#footerLink　トップ フッターグループリンク
--------------------------------------------------------*/
#contents #footerLink {
    margin-top:30px;
    width:530px;
    float:left;
    clear:both;
}


#contents #footerLink .wc-logo {
    margin-right:8px;
    vertical-align:text-bottom;
}

#contents #footerLink .title {
    margin-bottom:5px;
    padding:10px 6px 0 0;
    border-top:1px solid #999;
    line-height:1.2;
    font-size:12px;
    font-weight:bold;
}

#contents #footerLink table {
    margin-bottom:5px;
    border:none;
}

#contents #footerLink td,
#contents #footerLink th {
    padding:0;
    border:none;
    font-size:11px;
    line-height:1.4;
}

#contents #footerLink th {
    text-align:left;
    line-height:1.2;
    font-weight:bold;
}

#contents #footerLink .houjin {
    margin-top:10px;
    padding-top:4px;
    border-top:1px solid #999;
}

/*-------------------------------------------------
アンケートレイアウト
-------------------------------------------------*/

.with-fa {
    margin-left: 25px;
}

.additional-fa {
    margin-left: 10px;
}

.answer-fa {
    margin-left: 20px;
}

.fa-input-area {
    overflow-y:  auto;
}

.matrix-rowtitle {
    text-align:  center;
    overflow-y:  auto;
}

.matrix-columntitle {
    text-align:  right;
}

.matrix-qst {
    text-align:  center;
    vertical-align: middle;
}

/* END型・メッセージ型のメッセージ表示欄 */
#contents .answer-msg {
    margin: 20px;
}

/* エラーメッセージ */
#contents .error {
    margin-bottom:20px;
    padding:8px 10px;
    width:508px;
    border:1px solid #F33;
    font-weight:bold;
    color:#F33;
    background-color:#FFC;
}


/*--------------------------------------------------------
ロゴ表示
--------------------------------------------------------*/

/* ロゴ上段 */
.logoAreaHigh {
  display:block;
  padding:8px 10px;
  height:40px;
}

/* 自社ロゴ */
.wcLogo {
}

/* 他社ロゴ  */
.clLogo {
}


/*--------------------------------------------------------
画像つき設問
--------------------------------------------------------*/

.image-qst{
}

.image-item {
  border: solid 1px #ccccff;
  text-align : center;  
}

.image-item img {
  margin-left:auto;
  margin-right:auto;
  display : block;  
}


.checkbox-tbl {
}

#contents table.checkbox-tbl td {
 padding:0px 0px;
}

#contents table.checkbox-tbl input {
 padding:0px 0px;
 margin:0px 5px;
 vertical-align:top;
}

.checkbox-checker-td {
 padding:0px 0px;
 vertical-align:top;
 margin:0px;
}

.checkbox-label-td {
 text-align:left;
 vertical-align:top;
 margin:0px;
}

.textbox-tbl {
}

#contents table.textbox-tbl td {
 padding:0px 0px;
}

#contents table.textbox-tbl input {
 padding:0px 0px;
 margin:0px 5px;
 vertical-align:top;
}

.textbox-input-td {
 padding:0px 0px;
 vertical-align:top;
 margin:0px;
}

.textbox-label-td {
 text-align:left;
 vertical-align:top;
 margin:0px;
}

#contents table.textbox-tbl label {
 margin:0px;
}

/*--------------------------------------------------------
画像の無い設問の列数指定
--------------------------------------------------------*/

/* checkbox 表示 */
.checkbox {padding:0px;margin:0px;width:100%;}
.checkbox ul {margin:10px 0px 0px 0px; width:100%;}
.checkbox li {min-height:2.0em; height:auto !important; height:2.0em; float:left; vertical-align:middle; text-align:left; line-height:1.3;}
#contents table.generalEnquete.checkbox li input {vertical-align:top; margin:0; height:13px; width:13px;}
/* DP,ORDにもcheckboxスタイルシートを使っているので、影響しないように */
#contents table.generalEnquete.checkbox.textbox-tbl.textbox-input-td input {vertical-align:top; margin:0;}