@charset "utf-8";

/*------------------------------------------------
/__Global Navigation
/__Footer
/__Main_Sub
/__common
/__TopPage
/__SubPage
------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
	scrollbar-face-color: #ffcc66;
	scrollbar-highlight-color: #ff9900;
	scrollbar-shadow-color: #ff9900;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
}

body {
	font-family: Meiryo, Osaka, verdana, arial, sans-serif;
	font-size: 74.5%;
	line-height: 1.5;
	color: #330000;
	background: #fbf052;
}

#language {
	width: 850px;
	margin: 0 auto;
}

#language:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html #language {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#language p {
	float: left;
	line-height: 2;
}

#language ul {
	text-align: right;
	float: right;
}

#language li {
	display:inline;
	border-left: 1px solid #FF9900;
	font-size: 9pt;
	line-height: 2;
}

#language li.home {
	border: none;
}

#language li a {
	padding-left: 5px;
	color: #FF9900;
}

#wrap {
	width: 100%;
	margin: 0 auto;
}

#header {
	width: 100%;
	text-align: center;
}

#content {
	margin: 0 auto;
	width: 850px;
	border: 1px solid #ffcc66;
	border-top: 0;
	background-color: #ffffff;
}

#header #flashSP img {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -425px;
}

li {
	list-style-type: none;
}

img {
	border: none;
	vertical-align: bottom;
}

a:link { color: #0099cc; }
a:visited { color: #0099cc; }
a:hover { color: #99ccff; }
a:active { color: #99ccff; }

/*================================================
__Global Navigation
================================================*/
ul#globalnavi {
	width: 850px;
	height: 50px;
	margin: 0 auto;
}

ul#globalnavi:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html ul#globalnavi {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

ul#globalnavi li {
	float: left;
	width: 170px;
	height: 50px;
}

/*================================================
__Header
================================================*/

div#topflash {
	width: 850px;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #ffcc66;
}

/* Flashの代替jpg */
div#topImage {
	width: 850px;
	height: 250px;
	margin: 0;
	padding: 0;
}


div#topnotflash {
 display: none;
 text-align: center;
}



/* noscript */
div#noscript p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FF9900;
}


/*================================================
__Footer
================================================*/
#footer {
	clear: both;
	border-top: 1px solid #ffcc66;
	width: 830px;
	height: 30px;
	margin: 0 auto;
	padding: 10px 0 20px;
	background-color: #ffffff;
}

#footer:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

* html #footer {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#footer ul {
	float: left;
}

#footer ul li {
	display: inline;
	padding: 0 8px 0 12px;
	border-left: 1px solid #666666;
}

#footer ul li.home {
	padding-left: 0;
	border-left: 0;
}

#footer ul li a { text-decoration: none; }
#footer ul li a:link { color: #330000; }
#footer ul li a:visited { color: #330000; }
#footer ul li a:hover { color: #cc6600; }
#footer ul li a:active { color: #cc6600; }

#footer .copy {
	float: right;
	text-align: right;
}

/*================================================
__Main_Sub
================================================*/
#main {
	float: left;
	width: 590px;
	margin: 10px 0 20px;
}

#main:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html #main {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#sub {
	float: right;
	width: 240px;
	margin: 10px 0 20px;
}

*+html #sub li {
	margin-top: -15px;
}
* html #sub li {
	margin-top: -15px;
}

#sub li {
	clear: both;
}

#sub dl {
	clear:both;
}

#sub dl dt {
	float: left;
	width: 105px;
	clear: both;
	padding-bottom: 20px;
}

#sub dl dd {
	width: 120px;
	margin-left: 105px;
	padding-bottom: 20px;
}

#sub dl dd p {
	font-weight: bold;
	margin-bottom: 5px;
}

#sub dl dd span {
	line-height: 1.2;
}

.iflameStyle {
	width: 240px;
	height: 1180px;
}

/*================================================
__Common
================================================*/
/*■リスト*/
ul#square li {
	background:  url(../images/common/glue.gif) no-repeat left top;
	padding: 0 0 5px 13px;
	margin-left: 3px;
}

ul#squareBtm li {
	background:  url(../images/common/glue.gif) no-repeat left top;
	padding: 0 0 15px 13px;
	margin-left: 3px;
}

/*マージン*/
.spT5 { margin-top: 5px; }
.spT10 { margin-top: 10px; }

/*cleafix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*================================================
__TopPage
================================================*/
#topLeft {
	float: left;
	padding-left: 10px;
}

#topRight {
	float: right;
}

/*ボタン付BOX*/
#indexSP {
	background: url(../images/common/top_random_bg.gif) no-repeat;
	text-align: center;
	width: 265px;
	height: 200px;
	padding: 10px;
	margin-bottom: 10px;
}

/*ノーマルBOX*/
#topSP {
	background: url(../images/common/top_sp_btm.gif) no-repeat bottom;
	width: 285px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*BOX内*/
.topSPin,
.topicsIn {
	background: url(../images/common/top_sp_bg.gif) repeat-y;
	padding: 10px 10px 0;
	height: 9em;
}

/*TOPICS用*/
.topicsIn {
	height: 253px;
}

/*mixiコミュ用*/
p.mixi {
	background: url(../images/top/mixi_img.jpg) no-repeat left top;
	padding-left: 80px;
	height: 94px;
}

/*カウンセリング用*/
p.counseling {
	background: url(../images/top/counseling_img.gif) no-repeat left center;
	padding-left: 80px;
	height: 94px;
}

/*バナー用*/
ul#banner {
	padding-left: 10px;
	margin-bottom: 10px;
}
ul#banner li {
	float: left;
	margin-right: 10px;
}
ul#banner li.end {
	margin-right: 0;
}

ul#banner2 {
	width: 285px;
	float: left;
	padding-left: 10px;
}
ul#banner2 li {
	float: left;
	margin-right: 10px;
}
ul#banner2 li.end {
	margin-right: 0;
}

/*メルマガ用*/
div.topMagazine {
	margin-left: 10px;
	float: left;
	border: 2px solid #F90;
	display: inline;
}
div.topMagazine img { margin-bottom: 5px; }
div.topMagazine table { margin-top: 5px; }
div.topMagazine table td { padding: 0 0 5px 10px; }


/*
div.topMagazine2 {
	padding-left: 10px;
	float: left;
}
*/


/*○リスト*/
ul#circle {
	margin-left: 25px;
}

ul#circle li {
	list-style-type: circle
}

/*フォーム*/
form {
	padding: 0 10px;
}

/*================================================
__SubPage
================================================*/
/*ライン*/
div.line,
div.line02 {
	clear: both;
	background: url(../images/common/line.gif) no-repeat;
	height: 2px;
	margin: 15px auto;
	width: 550px;
}

/*ライン2_ページTOP有*/
div.line02 {
	margin: 7px auto 15px;
}

/*ラインcenter*/
div.lineCenter {
	background: url(../images/common/line_center.gif) no-repeat;
	height: 4px;
	margin: 15px auto;
	width: 295px;
}

/*ライン短い*/
div.lineS {
	clear: both;
	background: url(../images/common/line_s.gif) no-repeat;
	height: 2px;
	margin: 15px auto;
	width: 380px;
}

/* for CSS1 browsers */
div.line hr,
div.line02 hr,
div.lineCenter hr,
div.lineS hr {
	display: none;
}

/* for CSS2 browsers */
div.line *,
div.line02 *,
div.lineCenter *,
div.lineS * {
	display: none;
}

/*ページTOPへ*/
#toTop {
	text-align: right;
	margin-top: 10px;
}

/*パンくず*/
ol#topicPath {
	margin: 0 auto;
	padding: 0 10px 10px;
}

ol#topicPath li {
	display: inline;
	list-style-type: none;
}

ol#topicPath li a {
	padding-right: 11px;
	background: url(../images/common/topicpath.gif) no-repeat right center;
}

.point {
	color: #ff6600;
}

.pointB {
	color: #ff6600;
	font-weight: bold;
}

p.caption {
	background:  url(../images/common/glue.gif) no-repeat top left;
	padding: 0 0 8px 13px;
	color: #ff6600;
	font-weight: bold;
	margin: 0 10px;
}

#contSP {
	background: url(../images/common/contsp_btm.gif) no-repeat bottom;
	width: 580px;
	padding-bottom: 10px;
	margin: 0 0 10px 10px;
	position:static;
	z-index:2;
}

.contSPin,
.contSPin2 {
	background: url(../images/common/contsp_bg.gif) repeat-y;
	padding: 10px 15px 0;
}

.contSPin2 {
	text-align: center;
}

.contSPin p {
	padding: 0 10px;
}

.contSPin h3 {
	margin: 0 5px 10px;
}

.contSPin h3.center {
	text-align: center;
}

/*画像*/
.illust {
	float: right;
	padding: 5px 20px 10px 40px;
}

.photo {
	float: right;
	padding: 5px 5px 10px 20px;
}

.photoL {
	float: left;
	padding: 5px 20px 10px 5px;
}

p.anchorTop {
	position: absolute;
	top: 180px;
}

/*サイト情報*/
dl.siteInfo {
	padding: 20px 10px 5px;
}

dl.siteInfo dt {
	clear: left;
	float: left;
	width: 90px;
	padding: 0 0 5px 13px;
	background:  url(../images/common/glue.gif) no-repeat left top;
}

dl.siteInfo dd {
	margin-left: 90px;
	padding: 0 0 5px 13px;
	margin-bottom: 10px;
}

dl.siteInfo dd textarea {
	font-size: 12px;
	color: #666666;
}

/*リンク集*/
#linkList table td {
	padding: 20px 0;
	border-top: 1px solid #996633;
	vertical-align: top;
}
#linkList table td.top {
	padding-top: 5px;
	border-top: none;
}

#linkList table td.bnrImg {
	width: 240px;
	text-align: center;
}

/*4分割_w200*/
div.grid {
	clear: both;
	margin: 10px 25px 0;
}

div.grid div.section {
	float:left;
	height: 260px;
	width: 250px;
	text-align: center;
}

div.grid div.section p {
	padding: 0;
	text-align: left;
}

div.grid div.section div.title p {
	padding: 0;
	margin-top: 3px;
	text-align: center;
}

/*バストアップ効果*/
.bustup {
	width: 530px;
	padding: 10px;
}

.bustup img {
	float: left;
}

.bustup p {
	width: 360px;
	float: right;
	padding: 0;
}

/*PDFアイコン付リンク*/
p.pdf {
	padding-top: 10px;
}

p.pdf a {
	font-weight: bold;
	padding: 35px 0 0 40px;
	background:  url(../images/common/pdf.gif) no-repeat bottom left;
}

/*アコーディオンリスト*/
div.qanda dl {
	clear: both;
}

div.qanda dl dt {
	margin: 0;
	padding: 0 0 5px 20px;
	background: url(../images/common/q_glue.gif) no-repeat;
	color: #0099cc;
	text-decoration: underline;
}

div.qanda dl dd {
	margin-bottom: 15px;
	padding: 0 10px 10px;
	background: url(../images/common/a_glue.gif) no-repeat left top;
	border-bottom: 1px solid #996633;
}

div.qanda dl dd p.squareCap {
	background:  url(../images/common/glue.gif) no-repeat left top;
	margin: 0 0 8px 12px;
	padding-left: 13px;
}

div.howto dl {
	clear: both;
	padding-left: 3px;
}

div.howto dl dt {
	margin: 0;
	padding: 0 0 5px 15px;
	background: url(../images/common/glue.gif) no-repeat;
	color: #0099cc;
	text-decoration: underline;
}

div.howto dl dd {
	margin-bottom: 15px;
	padding: 0 10px 10px;
	border-bottom: 1px solid #996633;
}

div.howto dl dd p {
	padding: 0;
}

/*テキスト下合わせ*/
div.centering {
	margin-bottom: 10px;
}

div.centering p {
	display: table-cell;
	vertical-align: bottom;
	margin: 0;
	width: 400px
}

div.centering p.image {
	width: 75px;
}

/*for IE6 */
* html .centeringTest p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .centeringTest p {
	display: inline;
	zoom: 1;
}

/*6要素_画像*/
p.yousoImg {
	padding: 0;
	margin: 5px 0 10px;
	text-align: center;
}

/*サムネイル*/
ul#thumb {
	width: 425px;
	margin: 0 auto;
	padding: 30px 0 0;
}

ul#thumb:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html ul#thumb {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

ul#thumb li {
	padding: 0 5px 10px;
	float: left;
	width: 202px;
	height: 137px;
	list-style-type : none;
}

ul#thumb li a img {
	border: 1px solid #330000;
}

p.caution {
	padding: 20px 10px 0;
}

/*朝バナナの効果*/
div#koukaBG {
	background: url(../images/kouka/kouka_bg.gif) no-repeat right bottom;
}

dl#kouka {
	width: 440px;
	padding-top: 10px;
	display: inline-block;
}

dl#kouka:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html dl#kouka {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

dl#kouka dt {
	clear: left;
	float: left;
	width: 160px;
	padding-top: 5px;
}

dl#kouka dd {
	padding: 0 0 25px 180px;
}

/*モバイルサイトの紹介*/
div#mobileBG {
	background: url(../images/mobile/mobile_bg.gif) no-repeat right top;
}

div#mobileMain {
	width: 380px;
}

/*キホン*/
p.hamaNormal,
p.hamaGood,
p.banakoNormal,
p.banakoGakkari,
p.banakoWink,
p.banakoGuru,
p.banakoYaruzo,
p.banakoHirameki,
p.banakoGan {
	padding: 20px 0 0 50px;
	border-bottom: 20px solid #ffffff;
	color: #006600;
}

p.hamaNormal {
	background: url(../images/study/hamachi_normal.gif) no-repeat left top;
	color: #330000;
}

p.hamaGood {
	background: url(../images/study/hamachi_good.gif) no-repeat left top;
	color: #330000;
}

p.banakoNormal {
	background: url(../images/study/banako_normal.gif) no-repeat left top;
}

p.banakoGakkari {
	background: url(../images/study/banako_gakkari.gif) no-repeat left top;
}

p.banakoWink {
	background: url(../images/study/banako_wink.gif) no-repeat left top;
}

p.banakoGuru {
	background: url(../images/study/banako_guru.gif) no-repeat left top;
}

p.banakoYaruzo {
	background: url(../images/study/banako_yaruzo.gif) no-repeat left top;
}

p.banakoHirameki {
	background: url(../images/study/banako_hirameki.gif) no-repeat left top;
}

p.banakoGan {
	background: url(../images/study/banako_gan.gif) no-repeat left top;
}


dl#outline {
	padding: 0 10px;
}

dl#outline dt {
	clear: left;
	float: left;
	margin-bottom: 1.5em;
	width: 8em;
	font-weight: bold;
}

dl#outline dd {
	margin-bottom: 1.5em;
	margin-left: 8em;
}


p.gluecircle {
	background: url(../images/common/gluecircle.gif) no-repeat left top;
	padding: 0 0 0 13px;
	margin-left: 10px;
	font-weight: bold;
}