@charset "utf-8";

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

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

/*---------------------------------------
Uniersal 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,
h2 {
	margin-bottom:12px;
}

h2 {
	padding:1px 0 3px 12px;
	border-bottom:1px solid #CCC;
	background:url(/images/marker_chapter.gif) no-repeat 2px top;
	font-weight:bold;
	color:#0B3C9D;
}

.top h2 {
	padding:0;
	border:none;
	background:none;
}

p { 
	margin-bottom:12px;
}

ul {
	list-style:none;
}

li {
	list-style-position:outside;
}

strong { 
	font-weight:bold;
}

em {
	color:#F00;
}

table {
	border-collapse:collapse;
}

.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%;
}


.necessary {
	margin-right:10px;
	padding:2px;
	border:1px solid #333;
	display:block;
	width:2em;
	white-space:nowrap;
	line-height:1.1;
	font-size:80%;
	color:#333;
	background-color:#ff9;
}

.partsContainer {
	padding-left:10px;
}


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

/*-------------------------------------------------
#header
-------------------------------------------------*/
#header {
	border-top:3px solid #CCC;
	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 .headerInfo {
	padding:8px 10px 5px;
	width:500px;
	float:right;
	text-align:right;
}

#header .headerInfo a {
	font-size:90%;
	zoom:1;
}

#header .headerInfo p.accountName {
	margin:8px 0 0;
}

#header .headerInfo p.accountName span {
	font-weight:bold;
	font-size:110%;
}
/*-------------------------------------------------
#contentsWrapper
-------------------------------------------------*/
#contentsWrapper {
	padding:15px 10px 35px;
	float:left;
	clear:both;
	width:810px;
	background-color:#FFFFFF;
}

/*-------------------------------------------------
#loginArea
-------------------------------------------------*/
#loginArea {
	margin:20px auto;
	padding:20px;
	border:1px solid #CCC;
	width:480px;
	background:url(/images/login_bg.gif) #F3F3F3 repeat-x top;
	text-align:center;
}

#loginArea dl {
	margin:0 auto;
	width:350px;
	text-align:left;
}

#loginArea dt {
	padding-right:200px;
	width:100px;
	line-height:1.5;
}

#loginArea dd {
	margin:-1.5em 0 10px 0;
	padding-left:100px;
	width:200px;
}

#loginArea dd input {
	width:180px;
}
 

#loginArea p {
	margin:15px auto;
	width:400px;
	line-height:1.5;
	text-align:left;
}

.news {
	padding:20px 10px;
	border:1px solid #CCC;
	background-color:#FFFFFF;
}


/* メールマガジン管理 */
#contents table.mag {
	width:100%;
}

#contents table.mag th{
	padding:5px 2px;
	border:1px solid #CCC;
}

#contents table.mag td{
	padding:5px 3px 5px 5px;
	border:1px solid #CCC;
}

#contents table.mag th.subscription {
	background-color:#F30;
	color:#FFF;
}

#contents table.mag td.subscription {
	padding:5px 2px;
	text-align:center;
	color:#F00;
	font-weight:bold;
}

#contents table.magError {
	margin:15px 0;
	border:2px solid #F00;
	width:100%;
}

#contents table.magError img {
	margin:5px;
}

#contents table.magError td {
	padding:5px 0;
	border:none;
	color:#F00;
	font-weight:bold;
}

#contents table.mobileRegistration {
	padding:5px 0;
	background-color:#FC6;
}

#contents table.mobileRegistration td {
	border:none;
}

#contents table.mobileRegistration th {
	padding-top:7px;
	border:none;
	background:none;
}


/*-------------------------------------------------
#contents
-------------------------------------------------*/
#contents {
	float:right;
	width:590px;
}

#contents .monitorEntry {
	margin-bottom:15px;
	background-color:#666666;
	height:200px;
	font-size:180%;
	font-weight:bold;
	color:#CC00CC;
}

/* #enqueteTab アンケート一覧　タブ */
#contents #enqueteTab {
	width:590px;
	border-bottom:4px solid #2E58AB;
	float:left;
	clear:left;
}

#contents #enqueteTab a {
	display:block;
	height:22px;
	overflow:hidden;
	float:left;
	text-indent:-9999px;
}

#contents #enqueteTab a.tabGeneral {
	width:118px;
	background:url(/images/tab_general.gif) no-repeat 0 -22px;
} 

#contents #enqueteTab a.tabCompare {
	width:143px;
	background:url(/images/tab_compare.gif) no-repeat 0 -22px;
} 

#contents #enqueteTab a.tabCampaign {
	width:110px;
	background:url(/images/tab_campaign.gif) no-repeat 0 -22px;
} 


#contents #tabGeneral #enqueteTab a.tabGeneral,
#contents #enqueteTab a.tabGeneral:hover {
	background:url(/images/tab_general.gif) no-repeat 0 0;
} 

#contents #tabCompare #enqueteTab a.tabCompare,
#contents #enqueteTab a.tabCompare:hover {
	background:url(/images/tab_compare.gif) no-repeat 0 0;
} 

#contents #tabCampaign #enqueteTab a.tabCampaign,
#contents #enqueteTab a.tabCampaign:hover {
	background:url(/images/tab_campaign.gif) no-repeat 0 0;
} 






#contents .narrowArea {
	padding:7px 10px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:url(/images/list_bg.gif) repeat-x top;
}

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

#contents .narrowArea strong {
	padding-right:20px;
}

#contents .narrowArea span {
	padding-left:20px;
}



/* .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 {
	color:#F00;
	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;
}

/* お問い合わせ・お申し込み */
.inquiryNote {
	margin:24px;
	font-weight:bold;
}

.company {
	margin-bottom:16px;
	padding:5px 10px;
	border:1px solid #CCC;
}

.company h2 {
	margin:0;
	padding:0;
	border:none;
	color:#000;
	background-image:none;
	font-size:100%;
}


/*-------------------------------------------------
#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;
}


#nav #topics {
	margin:20px 1px 0;
	width:196px;
	border:1px solid #CCC;
}

#nav #topics ul {
	margin:10px 13px;
	width:170px;
	border:none;
}

#nav #topics ul li {
	margin-bottom:10px;
	border:none;
	background:url(/images/marker_topics.gif) no-repeat 0 0.3em;
}

#nav #topics ul li span {
	padding-left:10px;
}


/*--------------------------------------------------------
#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;
}


/*-------------------------------------------------
.buttonArea
-------------------------------------------------*/
#contents .buttonArea {
	margin:30px auto;
	text-align:center;
}

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

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

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

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

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

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

/*-------------------------------------------------
.pointBox
-------------------------------------------------*/
#contents .top .pointBox {
	margin-bottom:8px;
	padding:6px 0 3px;
	width:590px;
	background-color:#FFC;
	font-size:85%;
	float:left;
	clear:left;
}

#contents .top .pointBox .userLeft,
#contents .top .pointBox .userRight {
	margin-left:5px;
	float:left;
}

#contents .top .pointBox .userLeft {
	width:400px;
}

#contents .top .pointBox .userRight {
	margin-left:10px;
	padding:0;
	width:160px;
}

#contents .top .pointBox ul {
	padding:0;
}

#contents .top .pointBox .userLeft li {
	min-height:16px;
	height:auto !important;
	height:16px;
}

#contents .top .pointBox li.markGift a,
#contents .top .pointBox li.markPoint a {
	padding-left:20px;
	background:none;
	display:block;
	min-height:15px;
	height:auto !important;
	height:15px;
}

#contents .top .pointBox li.markGift a {
	background:url(/images/icon_gift.gif) no-repeat left center;
}

#contents .top .pointBox li.markPoint a {
	background:url(/images/icon_point.gif) no-repeat left center;
}


/*-------------------------------------------------
#errorContents
-------------------------------------------------*/
#errorContents {
	margin:30px 180px 0;
}

#errorContents .errorCatch {
	margin-bottom:3px;
	color:#F00;
	font-weight:bold;
	font-size:140%;
}

#errorContents .errorCatch img {
	margin:-1px 5px 2px 0;
	vertical-align:middle;
}

#errorContents form {
	margin-top:20px;
	text-align:center;
}


/*-------------------------------------------------
.monitor
-------------------------------------------------*/
.monitor #contents h1 {
	margin-bottom:5px;
	width:415px;
	height:115px;
	background:url(/images/monitor/title_monitor.gif) no-repeat top left;
	text-indent:-9999px;
}

.monitor #contents h2 {
	margin:30px 0 8px;
	padding:0;
	background-image:none;
}

.monitor #contents p {
	padding:0 10px;
}

.monitor #contents ul {
	margin-bottom:16px;
	padding:0 10px;
}

.monitor #contents .titleBox {
	margin:0;
	padding:8px 10px 0;
	width:580px;
	height:255px;
	background:url(/images/monitor/title_monitor_bg.gif) no-repeat top left;
}

.monitor #contents .titleBox .actionArea {
	margin:0;
	padding-top:12px;
	width:310px;
	height:117px;
	background:url(/images/monitor/action_bg.gif) no-repeat top left;
}

.monitor #contents a.entry {
	margin:0 auto;
	width:288px;
	height:55px;
	overflow:hidden;
	background:url(/images/monitor/button_entry_monitor.gif) no-repeat top left;
	display:block;
	text-indent:-9999px;
}

.monitor #contents .actionArea a.entry {
	margin:0 0 0 12px;
}

.monitor #contents a.entry:hover {
	background:url(/images/monitor/button_entry_monitor.gif) no-repeat bottom left;
}

.monitor #contents .titleBox .actionArea a.login {
	margin:8px 0 0 165px;
	width:132px;
	height:30px;
	overflow:hidden;
	background:url(/images/monitor/button_login.gif) no-repeat top left;
	display:block;
	text-indent:-9999px;
}

.monitor #contents .titleBox .actionArea a.login:hover {
	background:url(/images/monitor/button_login.gif) no-repeat bottom left;
}

.monitor #contents .amassPoint {
	background:url(/images/monitor/amass_point.gif) no-repeat top right;
	min-height:70px;
	height:auto !important;
	height:70px;
}

.monitor #contents .amassPoint p {
	width:320px;
}

.monitor #contents .detailLink {
	margin:16px 0;
	text-align:right;
}

.monitor #contents .flow {
	margin-left:10px;
}

.monitor #contents img.flowTitle {
	margin-bottom:10px;
	text-align:left;
}


/*-------------------------------------------------
.terms
-------------------------------------------------*/
body.terms {
	margin:0;
	padding:0;
	background:none;
}

.terms #wrapper {
	margin:0 auto;
	width:500px;
}

.terms #header {
	margin-bottom:10px;
	padding:3px 0;
	width:100%;
}

.terms #contents {
    padding:10px;
	width:480px;
	float:none;
}

.terms #contents .close {
	margin:0 0 10px;
	text-align:right;
}

.terms #contents h1 {
	margin-bottom:8px;
	font-size:115%;
	font-weight:bold;
}

.terms #contents h2 {
	margin:16px 0 8px;
}

.terms #contents div {
	margin:12px 0 5px;
}

.terms #contents p,
.terms #contents dl {
	margin:0 10px 10px;
}

.terms #contents ul {
    margin:0 5px 8px 6em;
}

.terms #contents dd {
	margin:-1.3em 0 3px 2em;
}

.terms #contents .companyList {
	margin:24px 0 16px;
}

.terms #contents .companyList dl {
	margin-left:0;
}

.terms #contents .companyList dd {
	margin:-1.3em 0 3px 7em;
}

.terms #footer {
	text-align:center;
}


/*-------------------------------------------------
.findings
-------------------------------------------------*/
.findings h1 {
	background:url(/images/findings/title_findings.gif) no-repeat top right;
	width:590px;
	height:100px;
	text-indent:-9999px;
}

.findings h2 {
	clear:both;
}

.findings .findingsNav {
	margin-bottom:25px;
	padding:0 3px 0 2px;
	width:585px;
	float:left;
	clear:both;
}

.findings .findingsNav a {
	margin:0 1px 2px;
	display:block;
	width:115px;
	float:left;
}

.findings .findingsNav a:hover img {
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.findings ul.findingsList {
	margin:0 0 20px 8px;
}

.findings .findingsList li {
	margin-bottom:8px;
}

.findings .findingsList li a {
	margin-left:20px;
}

.findings .ads {
	margin:0 auto 20px;
	text-align:center;
}

.findings .showCategory {
	text-align:right;
}

.findings .showCategory a {
	margin-left:20px;
	padding:5px 0 5px 13px;
	background:url(/images/marker_nav.gif) no-repeat 0 0.7em;
	min-height:1em;
	height:auto !important;
	height:1em;
}



.findings .enqueteTitle {
	margin-bottom:16px;
	padding-bottom:8px;
	background:url(/images/findings/marker_line.gif) repeat-x bottom left;
}

.findings .enqueteTitle h2 {
	margin:0;
	padding:0 0 0 25px;
	background:url(/images/findings/marker_category.gif) no-repeat top left;
	border:none;
	font-size:135%;
	min-height:20px;
	height:auto !important;
	height:20px;
}


.findings .breakdown {
	margin:0 auto;
	padding:3px 0;
	background:url(/images/findings/breakdown_bg.gif) repeat-y top left;
	width:579px;
}

.findings .breakdown ul {
	margin:0 12px;
	text-align:left;
}

.findings .breakdown li {
	margin:3px 0;
	color:#030;
}

.findings .breakdown strong {
	margin-right:20px;	
}

.findings .breakdownBottom {
	margin-bottom:32px;
	vertical-align:top;
}


.findings .detailTitle {
	border-left:5px solid #06C;
}

.findings .detailTitle div {
	margin:0;
	padding:7px 14px;
	background-color:#F7FBFD;
	border:1px solid #BBD2DD;
	border-left:none;
	color:#039;
}

.findings .detailTitle h3 {
	font-size:115%;
	font-weight:bold;
}

.findings .detailArea {
	margin-bottom:18px;
	padding:5px 0;
	border:1px solid #BBD2DD;
	border-top:none;
	text-align:center;
	color:#333;
}

.findings .detailArea img {
	margin:10px 0;
}

.findings .detailArea p,
.findings .detailArea ul {
	margin:10px;
	text-align:left;
}

.findings h4 {
	font-size:115%;
	font-weight:bold;
	color:#039;
}

.findings h4 strong {
	color:#06C;
}

.findings .othreArea {
	margin:10px 0 60px;
	color:#333;
}

.findings .infoArea {
	margin-bottom:24px;
	text-align:center;
}

.findings .infoArea .infomation {
	margin:0 auto;
	padding:3px 0;
	width:554px;
	background:url(/images/findings/info_bg.gif) repeat-y top left;
	text-align:left;
}

.findings .infoArea .infomation img {
	margin-left:16px;
}

.findings .infoArea .infomation .add {
	margin:-65px 0 0 195px;
	width:350px;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

.findings .infoArea .infomation .add strong {
	margin-right:5px;
	font-size:130%;	
}