@charset "UTF-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, 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; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
img { vertical-align: bottom; }
/* base */
body {line-height:1.5em; color: #646464; font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' ,Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif; font-size: 12px; background-color: #fff; }
a:link, a:visited { color: #646464; text-decoration: none; outline: none; background-color: inherit; }
a:hover { color: #13adeb; text-decoration: underline;}
strong { font-weight: bold; }
hr { display: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end */

/* start cwat styles */

/* expand */
.expandPanel {
	min-width:940px;
	width:100%;
}
.expandContainer { 
	margin:0 auto;
	margin-right:auto;
	margin-left:auto;
	width:900px;
}
.swap_image { /* place holder for swap image*/ }


/* common */
img.external {
	vertical-align:middle;
	padding-left:3px;
}
.hidden {
	display:none;
}

/* header */
.ur #header,
.pr #header {
	background-color:#000;
}
#header .expandContainer{
	position:relative;width:940px;
}
#header .logo {
	position:absolute;left:0;top:0;
}
#header .iwi {
	position:absolute;right:20px;top:25px;
}

/* menu */
#menu {
	background: transparent url("../imgs/gnavi_bg.jpg") repeat-x 0px 0px;
}
#menu .expandContainer{
	padding:0 20px;
	width:900px;
	height:35px;
}

#menu ul.gnavi li{
	float:left;
}


/* content */
#content .expandContainer {
	padding:0 20px;
}
.ur #content .expandContainer,
.pr #content .expandContainer {
	background: transparent url("../imgs/bg_line_g.jpg") repeat-y 784px 0px ;
}

/* content > main */
#content .main {
	float:left;
	width:756px;
	padding-bottom:20px;
	padding-right:8px;
}

#content .main{
	border-right:solid 1px #969696;
}
.cwat_index #content .main {
	border-right:solid 1px #fff;
}
#content .main .search{
	margin-top:15px;
	margin-bottom:10px;
	padding-right:10px;
	text-align:right;
}
#content .main .search *{
	vertical-align:middle;
}
#content .main .search .text{
	color:#969696;
	padding:2px 5px;
}
#content .main .search .active{
	color:#000;
}


.ur #content .main .dashboard,
.pr #content .main .dashboard {
	margin:10px 0 30px 0;
}
.ur #content .main .dashboard .bar span.title,
.pr #content .main .dashboard .bar span.title {
	float:left;
	width:716px;
}
.ur #content .main .dashboard .bar span.view,
.pr #content .main .dashboard .bar span.view {
	float:right;
	width:40px;
}
.ur #content .main .dashboard .content,
.pr #content .main .dashboard .content {
	background-color:#f0f0f0;
	border:solid 1px #ccc;
	border-top:none;
	padding:0 30px 0 10px;
}
.ur #content .main .dashboard .content .update,
.pr #content .main .dashboard .content .update {
	font-size:10px;
	line-height:9px;
	padding:5px 0;
	border-bottom:dotted 1px #969696;
}
.ur #content .main .dashboard .content .update img,
.pr #content .main .dashboard .content .update img{
	vertical-align:middle;
}



/* content > sub */
#content .sub {
	float:left;
	width:131px;
	padding-left:3px;
	font-size:10px;
	margin-bottom:50px;
}
*:first-child+html #content .sub {
	padding-bottom:50px;
}
#content .sub a.selected,
#content .sub a:hover { color: #13adeb!important;}

.ur #content p.gotop,
.pr #content p.gotop {
	text-align:right;
	margin:30px;
}

.cwat #content p.gotop {
	text-align:right;
	margin:30px 0 50px 0;
}

#content .sub ul.image_banner, 
#content .sub ul.link_banner{
	margin:15px 0;
}
#content .sub ul.image_banner li{
	margin:2px 0;
}
#content .sub ul.link_banner li{
	margin:8px 0;
	line-height:1.5em;
}

/* footer */
#footer {
	font-size:10px;
	padding:10px 0;
	border-top:solid 1px #969696;
	line-height:1.2em;
}

#footer .expandContainer {
	padding:0 20px;
}

#footer .links {
	float:left;
	width:55%;
}

#footer .links ul li {
	float:left;
	padding:0 10px;
	border-left:solid 1px #969696;
}

#footer .links ul li.last {
	border-right:solid 1px #969696;
}

#footer .copyright {
	float:right;
	width:45%;
	text-align:right;
}

/* dw placeholder */
.dw_placeholder {
	padding:100px 0;
	margin:10px;
	background-color:#FCF;
	border:solid 1px #F00;
	color:#F00;
	font-weight:bold;
	text-align:center;
}

/* ff3 hack */
@media print{
html>/**/body #content .main, 
html>/**/body #content .sub {
	float:none;
	display:table-cell;
}
}