/* ------------------------------------
*
*Editor: D_sasaki BBmedia Inc.
*
*Modified: 2008-08-07
*Editor: C_yanagisawa
*
-------------------------------------*/


/* Style Index ========================

	01: reset
	02: clearfix
	03: wrapper
	04: termsContent
	05: h1タイトル部分
	06: プライバシー・利用規約 本文

==================================== */





/*------------------------------------------------------
01. reset
------------------------------------------------------*/
body, div, h1, h2, h3, p, ol, li, dl, dt, dd { 
margin: 0;
padding: 0;
font-style:normal;
}

body {
font-size:10px !important; /* for MODERN blowser */
font-size:62.5%; /* for WIN IE 5.5 6.0*/
/*\*/
letter-spacing:0.05em;
/**/
text-align:center;
color:#666666;
font-family:"MS PGothic",Sans-Serif;
}

p, h1, h2, h3, li, dt, dd {
font-size:1.2em;
line-height:1.6;
}

ol, li, dl, dt, dd {
list-style-type:none;
}

img {
border:0;
vertical-align:bottom;
}





/*------------------------------------------------------
02. clearfix
------------------------------------------------------*/
.clearfix:after,
#termsContent #termsContainer .paragraph:after,
#termsContent #container .section01:after,
#termsContent #container .section01 .sectionRight01:after,
#termsContent #container .section02:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix,
#termsContent #termsContainer .paragraph,
#termsContent #container .section01,
#termsContent #container .section01 .sectionRight01,
#termsContent #container .section02 {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #termsContent #termsContainer .paragraph,
* html #termsContent #container .section01,
* html #termsContent #container .section01 .sectionRight01,
* html #termsContent #container .section02 {
height: 1%;
}

.clearfix,
#termsContent #termsContainer .paragraph,
#termsContent #container .section01,
#termsContent #container .section01 .sectionRight01,
#termsContent #container .section02 {
display: block;
}
/* End hide from IE-mac */





/*------------------------------------------------------
03. wrapper 
------------------------------------------------------*/
#wrapper {
width:900px;
margin:0 auto;
text-align:left;
}





/*------------------------------------------------------
04. termsContent 
------------------------------------------------------*/
#termsContent {
}





/*------------------------------------------------------
05. h1タイトル部分
------------------------------------------------------*/
#termsContent #title {
	position:relative;
	width:888px;
	height:40px;
	border:1px solid #666666;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}

#termsContent #title h1 {
margin:9px 0 0 10px;
font-size:0;
line-height:0;
}





/*------------------------------------------------------
06. プライバシー・利用規約 本文
------------------------------------------------------*/
#termsContent #termsContainer {
padding:0 0 50px;
}

#termsContent #termsContainer h2 {
margin:0 5px 10px;
font-size:0;
line-height:0;
}

#termsContent #termsContainer .lead {
margin:0 5px 10px;
}





#termsContent #termsContainer .paragraph {
margin:0 5px 0;
border-bottom:1px solid #DBDBDB;
}

#termsContent #termsContainer .paragraph.first {
border-top:1px solid #DBDBDB;
}





#termsContent #termsContainer .paragraph .heading {
float:left;
width:202px;
padding:12px 0;
}

#termsContent #termsContainer .paragraph .mainText {
float:right;
width:687px;
padding:12px 0;
border-left:1px solid #DBDBDB;
}

#termsContent #termsContainer .paragraph .heading h3 {
padding:0 10px;
color:#0F218B;
}

#termsContent #termsContainer .paragraph .mainText p,
#termsContent #termsContainer .paragraph .mainText ol,
#termsContent #termsContainer .paragraph .mainText dl {
margin:0 5px 0 25px;
}

#termsContent #termsContainer .paragraph .mainText span {
color:#DE4E88;
}

#termsContent #termsContainer .paragraph .mainText p.note {
font-size:1em;
}

#termsContent #termsContainer .paragraph .mainText dl dt {
font-weight:bold;
}

#termsContent #termsContainer .paragraph .mainText ol li,
#termsContent #termsContainer .paragraph .mainText dl dd {
padding:0 0 0 20px;
text-indent:-20px;
}

#termsContent #termsContainer .paragraph .mainText dl dd img {
margin:10px 0;
}
