@charset "UTF-8";
/* --------------------------------------------------
Custom Style Sheet
	2010/04/02 - 
-------------------------------------------------- */

/* --------------------------------------------
			Element Styles
----------------------------------------------- */
/* PARAGRAPH */
#mainBody p {padding:.25em 0 .75em;}
/* FORMS */

/* LISTS */
ul.link,
ul.typeMenu {
margin:0;
padding:0;
list-style:none;
}
ul.typeMenu li {display:inline;}

ul,ol {}
ul li ul, ol li ol {}
dl {}
dt {}
dd {}
ul.imgIco {margin-top:.5em;}
ul.imgIco li {margin-bottom:.5em;background-image:url(../../lib_image/common/ico_list.gif);}
ol.imgIco {
margin:.5em 0;
padding:0;
list-style:none;
}
ol.imgIco li {margin-bottom:.75em;padding-left:20px;background-repeat:no-repeat;background-position:0 .25em;}
ol.imgIco li.num1 {background-image:url(../../lib_image/common/ico_num1.gif);}
ol.imgIco li.num2 {background-image:url(../../lib_image/common/ico_num2.gif);}
ol.imgIco li.num3 {background-image:url(../../lib_image/common/ico_num3.gif);}
ol.imgIco li.num4 {background-image:url(../../lib_image/common/ico_num4.gif);}
ol.imgIco li.num5 {background-image:url(../../lib_image/common/ico_num5.gif);}
ol.imgIco li.num6 {background-image:url(../../lib_image/common/ico_num6.gif);}
ol.imgIco li.num7 {background-image:url(../../lib_image/common/ico_num7.gif);}
ol.imgIco li.num8 {background-image:url(../../lib_image/common/ico_num8.gif);}

/* TABLE */
table {}
th,
td {padding:.5em .75em;line-height:1.2;}

table.default {margin-bottom:1em;}
table.default th,
table.default td {padding:.75em 1em;}
table.default th {background:#FF7BA7;color:#FFF;}
table.default td {background:#E4E4E4;}
table.default td input {margin-right:1em;padding:.25em;border:1px solid #CCC;}

/* FORM */
form.default  {padding-bottom:30px;}
form.default table.
table.table {margin-bottom:1em;}
form.default table th,
form.default table td {padding:.75em 1em;}
form.default table th {background:#FF7BA7;color:#FFF;}
form.default table td {background:#E4E4E4;}
form.default table td input {margin-right:1em;padding:.25em;border:1px solid #CCC;}
.formError {
	border: 1px solid #FF0000;
	padding: 10px;
	color: #FF0000;
}
ul.formError{padding:10px;}
input.btn-submit { font-size: 14px; margin-top: 1em; padding: .5em 1em; /*-webkit-appearance: none;*/ }


/* HEADINGS */
h1 {}
h2 {}
h2.typeBar {
margin-bottom:.75em;
padding-left:25px;
background:url(../../lib_image/common/bg_h2_750.gif) no-repeat 0 50%;
color:#630;
font-size:1.33em;
line-height:35px;
}
h3 {
margin-bottom:.5em;
padding-left:25px;
background:url(../../lib_image/common/bg_h3_570.gif) no-repeat 0 0;
color:#630;
font-size:1.33em;
line-height:35px;
}
h4 {
margin-bottom:.75em;
padding-bottom:3px;
background:url(../../lib_image/common/bg_h4_border.gif) no-repeat 0 100%;
color:#630;
}
h4 span {
display:block;
padding:5px 0 5px 20px;
font-size:1.16em;
line-height:1;
background:url(../../lib_image/common/ico_h4_square.gif) no-repeat 0 50%;
}
h5 {
}
h6 {
}
.imgText {padding:0 !important;background:none !important;}

/* LINES */
hr {margin:10px 0;visibility:hidden;}
div.hrFlower {
padding-top:8px;
background:url(../../lib_image/common/bg_line_flower.gif) no-repeat 50% 0;
}
span.dlmt {display:none;}
/* LINKS */
a,
a:link {color:#069;}
a:visited {}
a:active {}
a:hover {}
.imgBtn a,
a.imgBtn {
position:relative;
display:block;
text-indent:-999px;
overflow:hidden;
}

/* --------------------------------------------
			Page Layout
----------------------------------------------- */
body {
text-align:center;
background:url(../../lib_image/common/bg_body_h139.jpg) repeat-x 0 130px;
border-top:10px solid #F69;
color:#555;
}
#container {
width:940px;
margin:0 auto;
}
#container-inner {
}

/* --------------------------------------------
	Page Layout Width
----------------------------------------------- */
body.oneColumn #mainCol {width:100%;}
body.oneColumn #mainBody{width:750px;margin:0 auto;}
body.sm #mainCol {width:100%;}
body.xms #mainCol {width:745px;}
body.xms #mainBody {width:570px;}

/* MAIN CONTENT STYLE
----------------------- */
#content {
width:940px;
padding:36px 0 11px;
/*padding:46px 0 11px;*/
background:url(../../lib_image/common/bg_content.gif) no-repeat 0 0;
/*background:url(../../lib_image/common/bg_content.gif) no-repeat 0 10px;*/
}
#content-inner {
}
#mainCol,#mainBody,#subCol,#exCol {position:relative;}
#mainCol-inner,#mainBody-inner,#subCol-inner,#exCol-inner {}

/* MAIN COLUMN STYLE
----------------------- */
#mainCol {
width:750px;
}
#mainBody {
}

/* SUB COLUMN STYLE
----------------------- */
#subCol {
width:170px;
}

/* EXTRA COLUMN STYLE
----------------------- */
#exCol {
width:160px;
}

/* HEADER STYLE
----------------------- */
#header {
height:71px;
background:url(../../lib_image/common/bg_header.gif) no-repeat 174px 11px;
text-align:left;
margin-bottom:15px;
}
#header-inner {
height:71px;
}
#header #logo {
width:170px;
height:45px;
top:15px;
background:url(../../lib_image/common/logo_hd_365_gakken.gif) no-repeat 0 0;
/*background:url(../../lib_image/common/logo_hd_365.gif) no-repeat 0 0;*/
}
#hdBanner {
float:right;
position:relative;
width:482px;
height:74px;
margin-top:-8px;
background:url(../../lib_image/common/bg_hd_banner.gif) no-repeat 0 0;
}
#hdBanner img {
margin:6px 0 0 6px;
}
/* FOOTER STYLE
----------------------- */
#footer {
padding:10px 0 100px;
background:#F9A1C7;
color:#333;
}
#footer-inner{}
#footer p {color:#FFF;}
#footer p.copyright {}

/* BOTTOM BAVIGATION STYLE
----------------------- */
#btmLink {padding:.5em 0;background:#F9A1C7;color:#333;}
#btmLink li {border-right:1px solid #666;padding:0 .5em;}
#btmLink a {color:#333;text-decoration:none;}
#btmLink a.blank { background: url(../../lib_image/common/ico_blank.gif) no-repeat 100% 1px; padding-right: 15px;}

#btmGlobal {background:#FAFAFA;padding:.5em 0;}
#btmGlobal li {border-right:1px solid #CCC;padding:0 .5em;}
#btmGlobal a {color:#F69;text-decoration:none;}
#btmLink li.last,
#btmGlobal li.last {border:none;}
#btmLink a:hover,
#btmGlobal a:hover {text-decoration:underline;}


/* GLOBAL NAVIGATION STYLE
----------------------- */
#navcontainer {
height:23px;
margin-bottom:11px;
z-index:1;
}
#navcontainer ul#gNavList {float:left;width:732px;}
#navcontainer ul#gNavList li {}
#navcontainer ul#gNavList li a{
margin-right:6px;
height:23px;
text-indent:-999px;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
display:inline;
text-decoration:none !important;
}
#navcontainer ul#gNavList li#nHome a {background-image:url(../../lib_image/common/bg_gnav_home.gif);width:84px;}
#navcontainer ul#gNavList li#nCat1 a {background-image:url(../../lib_image/common/bg_gnav_cnts1.gif);width:152px;}
#navcontainer ul#gNavList li#nCat2 a {background-image:url(../../lib_image/common/bg_gnav_cnts2.gif);width:137px;}
#navcontainer ul#gNavList li#nCat5 a {background-image:url(../../lib_image/common/bg_gnav_cnts5.gif);width:90px;}
#navcontainer ul#gNavList li#nCat6 a {background-image:url(../../lib_image/common/bg_gnav_cnts6.gif);width:89px;margin-right:0;}
#navcontainer ul#gNavList li#nCat8 a {background-image:url(../../lib_image/common/bg_gnav_howto.gif);width:150px;}
/*
#navcontainer ul#gNavList li#nCat3 a {background-image:url(../../lib_image/common/bg_gnav_cnts3.gif);width:83px;}
#navcontainer ul#gNavList li#nCat4 a {background-image:url(../../lib_image/common/bg_gnav_cnts4.gif);width:104px;}
*#navcontainer ul#gNavList li#nCat7 a {background-image:url(../../lib_image/common/bg_gnav_cnts7.gif);width:138px;}
*/

/*
body#pLife #navcontainer ul#gNavList li#nCat7 a,
body#pCat3 #navcontainer ul#gNavList li#nCat3 a,
body#pCat4 #navcontainer ul#gNavList li#nCat4 a,
*/
#navcontainer ul#gNavList li#nCat3 {display:none;}
body#pAbt #navcontainer ul#gNavList li#nCat1 a,
body#pHwt #navcontainer ul#gNavList li#nCat8 a,
body#pCat2 #navcontainer ul#gNavList li#nCat2 a,
body#pBuy #navcontainer ul#gNavList li#nCat5 a,
body#pSpt #navcontainer ul#gNavList li#nCat6 a,
#navcontainer ul#gNavList li a:hover {background-position:0 100%;}

/* Social Buttons */
#hdSocialBtn {float:right;margin:3px 0 0;width:200px;height:27px;overflow:hidden;}
#hdSocialBtn li {float:right;}
iframe#headFB {
border:none;
height:21px;
overflow:hidden;
width:120px;
}
iframe.twitter-share-button {width:70px !important;}


/* PAGE HEAD STYLE
----------------------- */
#pageHead {
position:relative;
width:100%;
height:132px;
text-align:left;
}
#pageHead h1,
#pageHead div.title {
padding-top:45px;
color:#FFF;
}
#pageHead h1 img,
#pageHead div.title img {margin:0 0 20px;}

/* PAGE Bottom STYLE
----------------------- */
#pageBottom{ position: relative; }

/* YOUR HERE STYLE
----------------------- */
#yrHere {line-height:1;color:#600;}
#yrHere a {color:#600;}

/* RETURN TO PAGE TOP STYLE
----------------------- */
.toTop {}
/*
#pageBottom .toTop {
	height: 67px;
	position: absolute;
	right: 0;
	width: 58px;
}
	#pageBottom .toTop a {
		background: url(../../lib_image/common/bt_to_top.png) no-repeat 0 0;
		display: block;
		height: 67px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		width: 100%;
	}
*/

/* PAGE BOTTOM NAVIGATION STYLE
----------------------- */
#btmNav {}

/* ------------------------------
 * All Content Block Style
 * ------------------------------ */
	.mainBlock {}
.itemBlockH2, .itemBlockH3, .itemBlockH4, .itemBlockH5, .itemBlockH6, .formBlock {}
/* ------------------------------
 * All inBlock** Style
 * ------------------------------ */
.inBlockLR, 
.inBlockL1R9, .inBlockL2R8, .inBlockL3R7, .inBlockL4R6, .inBlockL5R5, 
.inBlockL6R4, .inBlockL7R3, .inBlockL8R2, .inBlockL9R1,
.inBlockLimg, .inBlockRimg, .inBlockLCR {}
div.lBox, div.rBox, div.cBox {}
div.rBox {}

/* inBlock 2 column */
.inBlockLR div.lBox {}
.inBlockLR div.rBox {}

.inBlockL1R9 div.lBox {}
.inBlockL1R9 div.rBox {}

.inBlockL2R8 div.lBox  {}
.inBlockL2R8 div.rBox {}

.inBlockL3R7 div.lBox {}
.inBlockL3R7 div.rBox {}

.inBlockL4R6 div.lBox {}
.inBlockL4R6 div.rBox {}

.inBlockL5R5 div.lBox {}
.inBlockL5R5 div.rBox {}

.inBlockL6R4 div.lBox {}
.inBlockL6R4 div.rBox {}

.inBlockL7R3 div.lBox {}
.inBlockL7R3 div.rBox {}

.inBlockL8R2 div.lBox {}
.inBlockL8R2 div.rBox {}

.inBlockL9R1 div.lBox {}
.inBlockL9R1 div.rBox {}

.inBlockLimg img {}
.inBlockLimg .cap {}
.inBlockLimg .cap img {}

.inBlockRimg img {}
.inBlockRimg .cap {}
.inBlockRimg .cap img {}

/* inBlock 3 column */
.inBlockLCR  div.cBox {}

/*  Corner Round Block */
.roundBlock {}
.roundBlock .roundTop {}
.roundBlock .inBlock {}