@charset "UTF-8";

/* //////////////////////////////////////////////////
[Base] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, 
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	display: block;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
/*  html { overflow-y: scroll; } for mozilla: always display scrollbar */

body {
	color: #333;
	background:#FCFAF8;
	font-family: Myriad,Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ",sans-serif;
	_font-family: 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	*font-size: 87%;	
	line-height: 1.6;
	word-break: break-all; 
	-webkit-text-size-adjust:none;

}

/*
Font-size list (base: 14px)
 57% =  8px
 64% =  9px
 71% = 10px
 79% = 11px        150% = 21px        221% = 31px
 86% = 12px        157% = 22px        229% = 32px
 93% = 13px        163% = 23px        236% = 33px
100% = 14px        171% = 24px        243% = 34px
107% = 15px        179% = 25px        250% = 35px
114% = 16px        186% = 26px        257% = 36px
121% = 17px        193% = 27px        264% = 37px
129% = 18px        200% = 28px        271% = 38px
136% = 19px        208% = 29px        276% = 39px
143% = 20px        214% = 30px        286% = 40px
*/

a { color: #0099FF; }	
a:link, a:visited { color:#0099FF; text-decoration: underline; }
a:hover, a:active  { color:#0099FF; text-decoration: none; }
a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
	border:none;
}


/* for IE7: page zoom bug fix */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Container
-------------------------------------------------- */

#pageBg{
	background:url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/bgi-pagebg.jpg?t=1372125127) 0 0 repeat-x;
	padding:0;
}
#pageBody{
	width:960px;
	padding-top:128px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.contentsBody{
	width:960px;
	margin:0 auto;
	text-align:left;
}


/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#header {
	height:106px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

/* siteName
----------------------------------- */
#siteName {
	display:block;
	width:487px;
	float:left;
}
#siteName img {
}

#headerContact{
	background:url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/bgi-header-contact.jpg?t=1378254260) 0 0 no-repeat;
	width:433px;
	float:right;
}
#headerContact ul{
	width:433px;
	padding:24px 0 0 0;
	margin:0;
	list-style:none;
}
#headerContact li{
	width:104px;
	float:right;
	margin-left:10px;
}


/* --------------------------------------------------
	1. GlobalNav
-------------------------------------------------- */ 
#globalNav{
	clear:both;
	border-top:6px solid #63BFC7;
	margin-bottom:50px;
}
#globalNav p{
}
#globalNav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#globalNav li{
	border-bottom:3px double #EEE7DD;
	margin:0;
	padding:0;
}
#globalNav a{
	display:block;
	padding:12px 20px ;
	background:#fff url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/ico-global-a.jpg?t=1372125209) right 17px no-repeat;
	overflow:hidden;
	color:#333333;
	text-decoration:none;
	font-size:116%;
}

.cc-pagemode-default #cc-nav-view-918166172{
	display:none;
}

#globalNav li#cc-nav-view-918165872{
	margin-top:25px;
}
#cc-nav-view-918165872 a{
	display:block;
	background:#FFF9FD url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/ico-member-a.jpg?t=1372125215) right 17px no-repeat;
	border-left:8px solid #A5547D;
	border-top:1px solid #A5547D;
	border-bottom:1px solid #A5547D;
	border-right:1px solid #A5547D;
	padding:12px 20px ;
	overflow:hidden;
	color:#333333;
	text-decoration:none;
	font-size:116%;
}

#globalNav .mainNav2{
}
#globalNav .mainNav2 li{
	border-top:0;
	border-bottom:1px solid #F1DFD5;
	border-left:1px solid #F1DFD5;
	border-right:1px solid #F1DFD5;
}
#globalNav .mainNav2 li a{
	display:block;
	padding:7px 30px 5px 30px ;
	background:#F9F0EB url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/ico-global-2-a.gif?t=1372238813) 20px 12px no-repeat;
	overflow:hidden;
	color:#333333;
	text-decoration:none;
	font-size:100%;
}
#globalNav .mainNav3{
}
#globalNav .mainNav3 li{
	border-top:0;
	border-bottom:1px solid #F1DFD5;
	border-left:0;
	border-right:0;
}
#globalNav .mainNav3 li a{
	display:block;
	padding:7px 30px 5px 50px ;
	background:#fff url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/ico-global-2-a.gif?t=1372238813) 40px 12px no-repeat;
	overflow:hidden;
	color:#333333;
	text-decoration:none;
	font-size:100%;
}


/* --------------------------------------------------
	2. Contents
-------------------------------------------------- */
#contents{
	width:960px;
}
.mainColumn{
	width:696px;
	float:right;
}
.subColumn{
	width:240px;
	float:left;
}

/* Basic Navigation
----------------------------------- */
#basicNav{
}

/* //////////////////////////////////////////////////
[Sub Column] 
////////////////////////////////////////////////// */

/* Bunner Box
----------------------------------- */
#sideBnrBox{
	margin-top:25px;
}
#sideBnrBox strong{
	display:block;
	background:url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/ico-bnrbox-strong.jpg?t=1372125204) 0 12px no-repeat;
	margin:15px auto;
	padding:5px 0 2px 20px;
	border-top:3px double #C2E4E7;
	border-bottom:3px double #C2E4E7;
	font-size:116%;
	font-weight:normal;
}
#sideBnrBox ul{
	list-style:none;
	margin:0;
	padding:0;
}
#sideBnrBox ul li{
	margin:0;
	padding: 0 0 0 10px;
}
#sideBnrBox a{
	display:block;
	margin-bottom:10px;
	font-size:93%;
}

/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
#footer {
	background:#4BB6C0;
	clear:both;
	padding:10px 0 15px 0;
	color:#fff;
}
#footerContents{
	padding:0 30px;
	margin:0 auto;
	width:900px;
	position:relative;
}
#footerSiteName{
	position:absolute;
	top:0;
	left:30px;
}
#footerLeft{
	width:474px;
	float:left;
}
#footerRight{
	width:474px;
	float:right;
}

#copy {
	text-align:center;
}
.gutter{
	display:none;
}

/* goPageTop
----------------------------------- */
#goPageTop {
	position: absolute;
	top: -43px;
	right: 0;
}


/* //////////////////////////////////////////////////
[Item] 
////////////////////////////////////////////////// */

/* heading
----------------------------------- */
#contents h1{
	background:url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/tit-h1.jpg?t=1372125308) 0 0 no-repeat;
	font-size:143%;
	padding:10px 5px 5px 20px;
	margin-bottom:20px;
	border-bottom:1px solid #D8D0C5;
}
#contents h2{
	background:url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/tit-h2.jpg?t=1372125314) 3px 13px no-repeat;
	font-size:129%;
	padding:5px 5px 3px 20px;
	margin-bottom:20px;
	border-bottom:3px double #D8D0C5;
}
#contents h3{
	font-size:116%;
	padding:5px 5px 3px 10px;
	margin-bottom:10px;
	border-top:1px solid #D8D0C5;
	border-bottom:1px solid #D8D0C5;
}


#contents .titOther1{
	padding:0px 10px 0px 17px;
	margin-bottom:5px;
	font-size:100%;
}
#contents .titOther2{
	padding:0px 10px 0px 17px;
	margin-bottom:5px;
	font-size:100%;
}

/* Layout
----------------------------------- */
.section{
	clear:both;
	margin-bottom:30px;
}
.layout-half{
	width:49%;
}

/* Paragraph
----------------------------------- */
.txt {
	padding:0 1px;
} 
.paragraph {
	padding:0 1px 0 1px;
	margin-bottom:1em;
} 
.txtSub {
	font-size: 85% !important;
	color: #666;
}
.attention{
	padding:0 0 0 0.7em;
	margin-bottom:1em;
	text-indent:-0.7em;
	color: #C60;
}

/* Text Alignment
----------------------------------- */
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.clear{
	clear:both;
}


/* Box Float
----------------------------------- */
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}

/* Text Decoration
----------------------------------- */
.font-em{
	font-size:116%;
	color:#CC0000;
	font-weight:bold;
}
.font-bold{
	font-weight:bold;
}

/* Space Alignment
----------------------------------- */
.padding10{
	padding:10px;
}
.marginB15{
	margin-bottom:15px;
}
.marginB20{
	margin-bottom:20px;
}
img.alignleft{
	float:left;
	margin:0 15px 15px 0;
}
img.alignright{
	float:right;
	margin:0 0 15px 15px;
}

/* text link
----------------------------------- */
.linkDetail{
	background:url(img/common/ico/ico-linkdetail.jpg) right 2px no-repeat;
	padding-right:13px;
}
.linkOutside{
	background:url(img/common/ico/ico-linkoutside.jpg) left 2px no-repeat;
	padding:6px 0 3px 23px;
}

/* list
----------------------------------- */

/* table
----------------------------------- */
table{
	margin:0 1px 10px 1px;
	border-collapse:collapse;
}
th{
	background:#C9E5E7;
	border:1px solid #4BB6C0;
	padding:5px 10px;
	color:#39330C;
}
td{
	border:1px solid #63BFC7;
	padding:5px 10px;
}


/* form
----------------------------------- */

/* emphasis block
----------------------------------- */
.emBlock01{
	border:5px solid #F1DFD5;
	background:#FFF9FD;
	padding:10px;
	margin-bottom:10px;
}
.emBlock02{
	border:5px solid #C9E5E7;
	background:#fff;
	padding:10px;
	margin-bottom:10px;
}
.emBlock03{
	border:5px solid #D8D0C5;
	background:#fff;
	padding:10px;
	margin-bottom:10px;
}
.titEmblock{
	display:block;
	font-size:20px;
}
.emBlock01 .titEmblock{
	border-bottom:3px double #D0BAC6;
	padding-bottom:5px;
	margin-bottom:20px;
}
.emBlock03 .titEmblock{
	border-bottom:3px double #D8D0C5;
	padding-bottom:5px;
	margin-bottom:20px;
}

/* subArea
----------------------------------- */

/* button
---------------------------------- */


/* pagination
----------------------------------- */
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	width: auto;
	margin: 2px 2px 2px 0;
	padding: 5px 9px 5px 9px;
	background-color: #fff;
	color: #555;
	text-decoration: none;
}
.pagination a {
	border: 1px solid #ccc;
}
.pagination a:hover{
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #fff;
}
.pagination .current{
	padding: 5px 9px 5px 9px;
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #fff;
}

/* line
----------------------------------- */

/* justify
----------------------------------- */
ul.listJustify {
	padding:0;
	margin:0;
	text-align: justify;
	text-justify: distribute-all-lines;
}
ul.listJustify:after{
	content: url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/line.gif?t=1372125223);
	line-height:0;
	visibility:hidden;
}
ul.listJustify li{
	display: inline;
	margin:0;
	padding:0;
}
ul.listJustify li a:focus{
	outline:none;
}
ul.listJustify img{
	margin:0 0 0 0;
}
@media screen and (max-width: 400px) {
	.listJustify{
	height:auto !important;
	}
}

ol li{
	margin-bottom:10px;
}

/* --------------------------------------------------
	80. Top Page
-------------------------------------------------- */
#topContact{
	margin-top:30px;
}
#topContact .contactLeft{
	width:230px;
	float:left;
	font-size:12px;
	margin-right:18px;
}
#topContact .contactCenter{
	width:196px;
	float:left;
	margin-right:12px;
}
#topContact .contactRight{
	width:197px;
	float:left;
	font-size:12px;
}

.cc-indexpage #contents .blogselection h1{
	font-size:14px;
	background:none;
	border-bottom:1px dotted #D0BAC6;
	line-height:45px !important;
	padding:0 !important;
}
.cc-indexpage .j-blogarticle div , .cc-indexpage .j-blogarticle .blogreadmore{
	display:none;
}
.cc-indexpage #contents .blogselection .dt-alignment-right{
	display: block;
	float:left;
}
.cc-indexpage #contents .datetime{
	background:url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/bgi-blog-date.jpg?t=1372135724) 0 0 no-repeat;
}
.cc-indexpage #contents .blogselection .dt-alignment-right{
	display: block;
	float:left;
}
.cc-indexpage #contents .blogselection .j-blogarticle .datetime-inner{
	display:block;
}
.cc-indexpage #contents .blogselection .j-blogarticle .datetime-inner p{
	color:#333333;
}

#topSupport{
	border:5px solid #F1DFD5;
	background:#FEFDE8;
	padding:10px;
	float: right;
	width:196px;
	margin-bottom:20px;
}
#topSupport h2{
	background-image:url(https://u.jimcdn.com/cms/o/s7cb8e9f269b65c98/userlayout/img/ico-topsupport.jpg?t=1372137590);
}
.cc-indexpage .j-BlogSelection{
	margin-bottom:20px;
}

#cc-m-5033435372 , #cc-m-5033452172{
	float: left;
	width:440px;
}
#cc-m-5033435372{
	clear:none;
}

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */ 

#cc-m-5033452172.cc-m-all , #cc-m-5033864872.cc-m-all {
	clear:both;
}