@charset "utf-8";

/* =========================================================
 BREADCRUMBS
========================================================= */
div#breadcrumbs { width: 100%; }
div#breadcrumbs ul { width: 100%;
}
div#breadcrumbs li {
	float: left;
	font-weight: bold;
}
div#breadcrumbs li a {
	background: url(../images/breadcrumbs.gif) no-repeat 100% 50%;
	padding-right: 11px;
	margin-right: 5px;
	font-weight: normal;
}



/* =========================================================
 USER NAME
========================================================= */
div#username p {
	font-weight: bold;
	margin: 0px;
	font-size : 13px ;
}



/* =========================================================
 CONTENTS BLOCK
========================================================= */
/* CONTENTS BLOCK1
--------------------------------------------------------- */
div#content div.contentBlock1 {
	background-image: url(../images/contentblock1_upper.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 15px;
	width: 100%;
}
div#content div.contentBlock1-inner {
	background-image: url(../images/contentblock1_lower.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding-bottom: 3px;
}

div#content div#column1 div.contentBlock1 { background-image: url(../images/contentblock1_1_upper.gif); }
div#content div#column1 div.contentBlock1-inner { background-image: url(../images/contentblock1_1_lower.gif); }

div#content div#column2 div.contentBlock1 { background-image: url(../images/contentblock1_2_upper.gif); }
div#content div#column2 div.contentBlock1-inner { background-image: url(../images/contentblock1_2_lower.gif); }


/* CONTENTS BLOCK2
--------------------------------------------------------- */
div#content div.contentBlock2 {
	background-image: url(../images/contentblock2_upper.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 15px;
	width: 100%;
}
div#content div.contentBlock2-inner {
	background-image: url(../images/contentblock2_lower.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding-bottom: 3px;
}

div#content div#column1 div.contentBlock2 { background-image: url(../images/contentblock2_1_upper.gif); }
div#content div#column1 div.contentBlock2-inner { background-image: url(../images/contentblock2_1_lower.gif); }

div#content div#column2 div.contentBlock2 { background-image: url(../images/contentblock2_2_upper.gif); }
div#content div#column2 div.contentBlock2-inner { background-image: url(../images/contentblock2_2_lower.gif); }



/* =========================================================
 CONTENTS TITLE
========================================================= */
/* H2 TITLE BAR1
--------------------------------------------------------- */
div#column1 div.h2TitleBar { background-image: url(../images/h3titlebar1_1.gif); }
div#column2 div.h2TitleBar { background-image: url(../images/h3titlebar1_2.gif); }
div.h2TitleBar {
	background-image: url(../images/h3titlebar1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 4px 15px 2px 15px;
	border-bottom: 1px solid #c0c0c0;
	color: #404043;
}
div.h2TitleBar h2 {
	line-height: 21px;
	margin-top: 0px;
}
div.h2TitleBar h2.h2BorderL {
	border-left: 3px solid #68c9ff;
	padding-left: 5px;
	margin: 2px 0px;
}
div.h2TitleBar h2.menu { float: left; }
div.h2TitleBar p {
	line-height: 21px;
	float: left;
	margin: 0px 0px 0px 10px;
}
div.h2TitleBar p.more {
	font-size: 86.66%;
}
div.h2TitleBar p.more a {
	padding-left: 10px;
	border-left: 1px solid #DDDDDD;
}
div.h2TitleBar p.more a.img {
	padding-left: 0;
	border-left: none;
}
div.h2TitleBar p.more a.img img {
	padding-bottom: 2px;
}
div.h2TitleBar p.button { font-size: 86.66%; }
div.h2TitleBar p.button img { vertical-align: middle; }
div.h2TitleBar p.button, div.h2TitleBar ul.menu { float: right; }
div.h2TitleBar ul.menu li {
	float: left;
	padding: 0px 0px 0px 6px;
}


/* H2 TITLE BAR2（createSurvey/invest　用）
--------------------------------------------------------- */
div.h2TitleBar2 {
	background-image: url(../images/h3titlebar2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 7px 4px 6px 15px;
}
div.h2TitleBar2 h2 {
	line-height: 21px;
	margin-top: 0px;
}

/* H2 TITLE BAR3（regist、share　用）
--------------------------------------------------------- */
div.h2TitleBar3 { background-image: url(../images/h3titlebar1.gif); }
div#column1 div.h2TitleBar3 { background-image: url(../images/h3titlebar1_1.gif); }
div#column2 div.h2TitleBar3 { background-image: url(../images/h3titlebar1_2.gif); }
div.h2TitleBar3 {
	color: #404043;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div.h2TitleBar3-inner {
	background: url(../images/border5.gif) repeat-x 0px 100%;
	padding-left: 13px;
}
div.h2TitleBar3 h2.menu { float: left; }
div.h2TitleBar3 h2 { margin-top: 0px; }
div.h2TitleBar3 ul.menu { float: right; }
div.h2TitleBar3 ul.menu li { float: left; }


/* H3 TITLE BAR（1カラムサービスページ用）
--------------------------------------------------------- */
div.h3TitleBar {
	background: url(../images/h3titlebar4.gif) no-repeat 0px 0px;
	padding: 7px 4px 6px 15px;
	border-bottom: 1px solid #e3e2df;
}
div.h3TitleBar h3 {
	margin-top: 0px;
	font-size: 100% !important;
	border-left: 3px solid #68c9ff;
	padding: 0px 0px 0px 10px;
	color: #376193;
}

/* H3 BORDER / H4 BORDER
--------------------------------------------------------- */
h3.border,
h4.border {
	font-size: 117%;
	font-weight: bold;
	background: url(../images/h3_h4_border.gif) no-repeat 0px 100%;
	padding: 2px 0px 15px 12px;
}

h3.borderS,
h4.borderS {
	font-size: 100% !important;
	font-weight: bold;
	background: url(../images/h3_h4_border.gif) no-repeat 0px 100%;
	padding: 2px 0px 10px 12px;
}

h3.borderS2,
h4.borderS2 {
	font-size: 100% !important;
	font-weight: bold;
	background: url(../images/h3_h4_border2.gif) no-repeat 0px 100%;
	padding: 2px 0px 10px 12px;
}


/* =========================================================
 INFORMATION
========================================================= */
div#information div.h2TitleBar { padding-right: 4px; }
div#information div.linkListBox { padding: 5px 15px 10px; }

div#information div.linkListBox ul {
	width: 100%;
	line-height: 1.3;
}
div#information div.linkListBox ul li {
	background: url(../images/border1.gif) repeat-x 0px 100%;
}
div#information div.linkListBox ul li span {
	display:block;
	float: left;
	width: 85px;
	font-weight: bold;
	color: #404043;
	padding:7px 3px;
}
div#information div.linkListBox ul li a {
	display: block;
	float:left;
	padding:7px 3px;
}
div#information div.linkListBox ul li a:hover {
	background-color:#EEEEEE;
}
/* div#information div.linkListBox li a の横幅は、各ページとも違う為contents.cssでそれぞれ設定。 */

div#information div.linkListBox ul li img {
	vertical-align: middle;
	margin-top: -2px;
}
* html div#information div.linkListBox ul li img { vertical-align: baseline !important; }



/* =========================================================
	TEXT BOX
========================================================= */
div.txtBox {
	background: #f5f4f0;
	padding: 20px 15px;
}
div.txtBox p {
	margin-top: 0px;
	line-height: 1.25;
}

.txtBoxYellow {
	background: #FFFFCC;
	padding: 10px;
}
.txtBox { margin-top: 0px; }


/* =========================================================
	BORDER BOX
========================================================= */
div.borderBoxNormal {
	padding: 15px;
	border: 1px solid #CCCCCC;
}
div.borderBox {
	margin-top: 30px;
	border: 4px solid #e3ebf6;
}
div.borderBoxInner {
	text-align: center;
	padding: 15px;
	border: 1px solid #cbcbc8;
}
div.borderBoxInner h4 {
	font-weight: bold;
	color: #4596c9;
	margin-bottom: 15px;
}
div.borderBoxInner p {
	margin-top: 0px;
}

/* =========================================================
	LIST
========================================================= */
/* ARROW MENU
--------------------------------------------------------- */
div.arrowMenuBox { padding: 10px; }
div.arrowMenuBox ul { width: 100%; }
div.arrowMenuBox ul li {
	background: #FFFFFF;
	margin-top: 1px;
	border: 1px solid #d7d7d2;
	font-size: 100%;
}
div.arrowMenuBox ul li.submenu  a { background-image: url(../images/icon_arrow2.gif); }
div.arrowMenuBox ul li img {
	background: #3366FF;
	display: inline;
}
div.arrowMenuBox ul li a {
	background: url(../images/icon_arrow1.gif) no-repeat 8px 50%;
	display: block;
	padding: 5px 15px 5px 23px;
	color: #606265;
}


/* DOT ICON LIST
--------------------------------------------------------- */
ul.dotlist { width: 100% }
ul.dotlist li {
	background: url(../images/icon_dot1.gif) no-repeat 0px 0px;
	padding-left: 15px;
	margin-top: 15px;
	line-height: 1.2;
}
ul.dotlist li ul li {
	background-image: url(../images/icon_dot2.gif);
	margin-top: 0px;
	line-height: 1.2;
}
ul.dotlist li ol {
	padding-left: 2em;
}
ul.dotlist li ol li {
	list-style-type: decimal;
	background-image: none;
	padding: 0px;
	line-height: 1.2;
}


/* DECIMAL LIST
--------------------------------------------------------- */
ol {
	padding-left: 2em;
}
ol li {
	list-style-type: decimal;
	background-image: none;
	padding: 0px;
	line-height: 1.2;
	margin-top: 15px;
}
/* DECIMAL LIST
--------------------------------------------------------- */
ol.alpha li {
	list-style-type: lower-alpha;
}


/* =========================================================
	TABLE
========================================================= */
th.space, th.space2 {
	vertical-align: middle !important;
	background: transparent !important;
	text-align: center !important;
	border-top-style: none !important;
}
th.space {
	border-left-style: none !important;
}
th.space2 {
	border-right: 1px solid #FFFFFF !important;
}


/* TABLE1
--------------------------------------------------------- */
table.table1 {
	margin: 0px 1px;
	line-height: 1.25;
}
table.table1 caption { line-height: 0; }
table.table1 tr.top td {
	background: url(../images/table1_bg_top.gif) repeat-x 0px 0px;
	padding-top: 8px !important;
	border-top-style: none !important;
}
table.table1 tr.top2 td { border-top-style: none; }
table.table1 th {
	font-weight: normal;
	text-align: center;
	background: #FFFFFF;
	padding: 10px 3px;
	color: #000000;
}
table.table1 td {
	padding: 5px;
	border-top: 1px dotted #E3E2DF;
	border-left: 1px dotted #E3E2DF;
}
table.table1 td.top { border-left-style: none !important; }
table.table1 td.bar { padding-left: 0px !important; }
table.table1 th, table.table1 td { vertical-align: middle; }


/* TABLE2
--------------------------------------------------------- */
table.table2 {
	margin: 0px 1px;
	color: #000000;
	line-height: 1.25;
}
table.table2 tr.top th { background: #EFEEED url(../images/table2_th_top_bg.gif) no-repeat 0px 0px; }
table.table2 tr.top th.blue { background: #BFD0EA url(../images/table2_th_top_bg2.gif) no-repeat 0px 0px; }
table.table2 tr.bottom th { background: #EFEEED url(../images/table2_th_bottom_bg.gif) no-repeat 0px 100%; }
table.table2 tr.bottom td table.table5 th { background-color:#E4EFF7; background-image:none; }
table.table2 tr.bottom th.blue { background: #BFD0EA url(../images/table2_th_bottom_bg2.gif) no-repeat 0px 100%; }
table.table2 tr.bottom th, table.table2 tr.bottom td { border-bottom-style: none; }
table.table2 tr.group th { border-bottom-style: none; }
table.table2 tr.group td { border-bottom-color: #d9d9d5; }
table.table2 th {
	font-weight: bold;
	background: #EFEEED;
	border-right: 1px dotted #D0CFCC;
}
table.table2 th.normal { font-weight: normal; }
table.table2 th.blue {
	background: #bfd0ea;
	border-right: 1px dotted #6F7B8C;
}
table.table2 th, table.table2 td {
	vertical-align: middle;
	padding: 10px 10px 10px 15px;
	border-bottom: 1px dotted #6F7B8C;
}
table.table2 th.vatop, table.table2 td.vatop { vertical-align: top; }

table.table2blue th {
	background-color: #e8f1f9 !important;
	border-right-style: none;
}
table.table2blue tr.top th { background-image: url(../images/table2_th_top_bg3.gif); }
table.table2blue tr.bottom th { background-image: url(../images/table2_th_bottom_bg3.gif); }

table.table2blue colgroup.colgroupBlue { width:15em; }


/* enqTableTate enq/css/layout.cssとも共通
--------------------------------------------------------- */
table .caution {
	color:#FF0000;
	float:right;
	font-weight:normal;
}

/* enqTableTate enq/css/layout.cssと共通
--------------------------------------------------------- */
table.enqTableTate {
	margin: 0px 1px;
	border-right: 1px dotted #6F7B8C;
	border-bottom: 1px solid #D4D7DC;
	line-height: 1;
}
table.enqTableNone {/* スケールマトリクス用 */
	border-right: none !important;
}

table.enqTableTate input {
	margin:0px !important;
	padding:0px !important;
}
table.enqTableTate th {
	background-color: #E4EFF7;
	border-top: 1px solid #D4D7DC;
	border-left: 1px dotted #6F7B8C;
	vertical-align: top;
	text-align: center;
	padding: 0.5em;
}
table.enqTableTate th.row {
	border-top:1px solid  #D4D7DC;
	border-left: 1px dotted #6F7B8C;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	padding: 5px 2px;
}
table.enqTableTate tr.even th.row { background-color: #FFFFFF;}
table.enqTableTate tr.odd th.row { background-color: #EDECEA;}
table.enqTableTate td {
	border-top: 1px solid #D4D7DC;
	border-left: 1px dotted #6F7B8C;
	text-align: center;
	padding: 5px 2px;
}
table.enqTableTate th.row.arrow {
	border-left:none;
	width: 1%;
}

table.enqTableTate tr.even td { background-color: #FFFFFF; }
table.enqTableTate tr.odd td { background-color: #EDECEA; }

/* enqTableYoko enq/css/layout.cssと共通
--------------------------------------------------------- */
table.enqTableYoko {
	margin: 0px 1px;
	border-right: 1px dotted #6F7B8C;
	border-bottom: 1px solid #D4D7DC;
	line-height: 1;
}

table.enqTableYoko input {
	margin:0px !important;
	padding:0px !important;
}
table.enqTableYoko th {
	background-color: #E4EFF7;
	border-top: 1px solid #D4D7DC;
	border-left: 1px dotted #6F7B8C;
	text-align:left;
	padding: 5px 2px;
}
table.enqTableYoko th.col {
	border-top:1px solid  #D4D7DC;
	border-left: 1px dotted #6F7B8C;
	vertical-align: top;
	font-weight: normal;
	text-align: center;
	padding: 5px 2px;
}
table.enqTableYoko th.even,
table.enqTableYoko td.even {
	background-color: #FFFFFF;
}
table.enqTableYoko th.odd,
table.enqTableYoko td.odd {
	background-color: #EDECEA;
}

table.enqTableYoko td {
	border-top: 1px solid #D4D7DC;
	border-left: 1px dotted #6F7B8C;
	text-align: center;
	padding: 5px 2px;
}

/* TABLE4
--------------------------------------------------------- */
table.table4 {
	margin: 0px 1px;
	line-height: 1.25;
}
table.table4 tr.bottom th, table.table4 tr.bottom td { border-bottom-style: none; }
table.table4 tr.bottom th { background: url(../images/table4_th_bg.gif) no-repeat 0px 100%; }
table.table4 th {
	background-color: #e4eff7 !important;
	border-right: 1px solid #E3E2DF;
	font-weight: normal;
}
table.table4 th, table.table4 td {
	padding: 5px 15px;
	border-bottom: 1px dotted #D9D9D5;
}


/* TABLE5
--------------------------------------------------------- */
table.table5 {
	border-bottom: 1px solid #D4D7DC;
	border-right: 1px solid #D4D7DC;
	line-height: 1.25;
}
table.table5 tr.top th { text-align: center; }
table.table5 tr.green th {
	background: #f2fce0;
	text-align: center;
}
table.table5 tr.nopadding td, table.table5 tr.nopadding td {
	padding: 2px 10px !important;
	line-height: 1;
}
table.table5 tr.noborder th, table.table5 tr.noborder td { border-top-style: none !important; }
table.table5 th {
	background: #e4eff7;
	font-weight: normal;
	color: #000000;
}
table.table5 td.pink { background: #f5f4f1; }
table.table5 th, table.table5 td {
	border-top: 1px solid #d4d7dc;
	padding: 5px 8px;
	border-left: 1px solid #D4D7DC;
}


/* TABLE6
--------------------------------------------------------- */
table.table6 {
	line-height: 1.25;
	border-top: 1px solid #d4d7dc;
	border-left: 1px solid #d4d7dc;
}
table.table6 th {
	background: #edecea url(../images/border3.gif) repeat-y 100% 0px;
	font-weight: normal;
}
table.table6 td { border-right: 1px solid #d4d7dc; }
table.table6 th, table.table6 td {
	padding: 10px;
	border-bottom: 1px solid #d4d7dc;
}

/* TABLE7
--------------------------------------------------------- */
table.table7 {
	margin: 0px 1px;
	line-height: 1.25;
}
table.table7 caption { line-height: 0; }
table.table7 tr.top td {
	background: url(../images/table1_bg_top.gif) repeat-x 0px 0px;
	padding-top: 8px !important;
	border-top-style: none;
}
table.table7 tr.top2 td { border-top-style: none; }
table.table7 th {
	font-weight: bold;
	text-align: center;
	background:#D0E8FF;
	padding: 10px 3px;
	color: #000000;
	border-left: 1px dotted #E3E2DF;

}
table.table7 td {
	padding: 5px;
	border-top: 1px dotted #E3E2DF;
	border-left: 1px dotted #E3E2DF;
}
table.table7 td.top { border-left-style: none !important; }
table.table7 td.bar { padding-left: 0px !important; }
table.table7 th, table.table7 td { vertical-align: middle; }


/* =========================================================
	FORM
========================================================= */
div.formButtonBox {
	text-align: center;
	margin-top: 15px;
}
div.formButtonBox input {
	margin: 0px 5px !important;
	padding: 0px !important;
	vertical-align: top;
}
div.formButtonBox img {
	margin: 0px 5px !important;
	vertical-align: top;
}



/* =========================================================
	ACCORDION MENU
========================================================= */
ul.accordion li {
	line-height: 1.8;
	background: url(../images/icon_open.gif) no-repeat 0px 0.4em;
	padding-left: 15px;
}
ul.accordion li ul li {
	background: none;
	padding-left: 0px;
}
ul.accordion li a.accMenu {
	color: #000000;
	text-decoration: none;
}
ul.accordion li.open { background-image: url(../images/icon_close.gif) !important; }



/* =========================================================
	PAGING
========================================================= */
div#paging {
	margin-top:10px;
}


/* =========================================================
	P
========================================================= */
/* アイコンつき
--------------------------------------------------------- */
p.method {
	background: url(../images/icon_dot1.gif) no-repeat 0px 0.3em;
	padding-left: 15px;
	margin-top: 15px;
}


/* =========================================================
	回答者（モニター）属性　集計結果画面、モニター基本情報で利用
========================================================= */
div.questionBox {
	background: url(../images/border4.gif) repeat-x 0px 0px;
	margin-top: 15px;
	padding: 15px 5px 0px;
}
div.questionBoxTop {
	background: none;
	margin-top: 0px;
	padding: 15px 5px 0px;
}
div.questionBox table.table5 { margin-top: 5px; }
div.questionBox table.table5 th span,
div.questionBoxTop table.table5 th span { color: #606265; }
div.questionBox table.table5 th img,
div.questionBoxTop table.table5 th img { margin: 0px 5px; }
div.questionBox table.table5 td.bar,
div.questionBoxTop table.table5 td.bar { padding-left: 0px; }
div.questionBox table.table5 th,
div.questionBoxTop table.table5 th,
div.questionBox table.table5 td,
div.questionBoxTop table.table5 td { padding: 5px 10px; }


/* =========================================================
	staff編集用　POPUP WINDOW
========================================================= */
/* 集計結果　調査概要編集
--------------------------------------------------------- */
body#edit {
	background: none;
}
body#edit #container {
	padding:30px 20px 20px;
	width:330px;
}
/* staff　関連付け編集
--------------------------------------------------------- */
body#edit.customerList #container {
	padding:30px 20px 20px;
	width:500px;
}

body#edit.customerList table.table7 { border: 1px solid #e3e2df;}
body#edit.customerList img.check_button {
	width:53px;
	margin: 0 0 0 auto;
	float: right;
}