/*-- 全体的なルール YUI --*/
/*-- reset --*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, textarea, blockquote, p, th, td { margin: 0; padding: 0; }
body { font: 13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 1.4; }
strong, em { font-style: normal; font-weight: bold; }
small { font-size: 95%; }
b { color: #220000; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ul ul { margin: 10px 0; padding: 0 0 0 20px; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; }
legend { color: #000000; }
hr { margin: 0; padding: 0; display: none; }
.flLeft { float:left;}
.flRight { float: right;}
.clearfix:after { content: ""; display: block; clear: both; }
.clear { clear: both; }

/*-- layout --*/
body { width: 100%; height: 100%; color: #333333; background: url(../images/bg_body.jpg) center top repeat-x; }
#container { width: 100%; margin: 0 auto; text-align: center; }
#container-inner { width: 100%; margin: 0 auto; text-align: left; }
#gmWrap { width:100%; height:100%; text-align:center; font-size:13px; line-height:1.5em;}

/*-- header周り --*/
#header { width: 100%; height: 415px; margin: 0 auto; padding:5px 0 0 0; }
.logo_ci { margin: 0; padding: 10px 0 0; width: 305px; float: left; text-align: left; }
.logo_ci a { margin: 0 5px 0 0; }
.naviarea { margin: 0; padding: 0; width: 380px; text-align: right; position:absolute; top:15px; right:0; z-index:1;}
#catch { margin: 0 auto 20px; padding: 0; width: 400px; text-align: center; overflow: hidden; }
.upper_gmenu { margin: 0; padding: 0; text-align: right; }
.upper_gmenu li, .under_gmenu li { display: inline; font-size: 10px; }
.upper_gmenu li.line { border-left: #ff89ac solid 1px; padding: 2px 3px 1px 5px; margin-left: 3px; }
#header-sns { margin: 0; padding: 8px 0px 0px 0px; width: 300px; height: 40px; float: right; }
.header-sns-tw { margin: 0; padding: 8px 0 0; height: 25px; width: 105px; float: right; overflow: hidden; }
.header-sns-fb { margin: 0; height: 25px; width: 90px; float: right; overflow: hidden; }
.logo_ck { margin: 0; padding: 0 7px 0 0; height: 80px; width: 86px; }

/*--- gmWrapHead周り ---*/
#gmWrapHead { width:100%; height:415px; text-align:center; border-bottom:1px solid #f1e8e4; background:#ffffff url(../images/head_bg.jpg) no-repeat top center;}
#gmWrapHead #gmWrapHeadIn { width:980px; height:415px; margin:0 auto ; background:none; position:relative;}
#gmWrapHead h1 { width:800px; height:373px; position: absolute; top:15px; left:95px; z-index:0;}

/*-- contents --*/
#contents { width: 100%; margin: 0 0 0px; padding: 0; }

/*--- gmWrapContents周り ---*/
#gmWrapContentsBg { width: 100%; height:100%; background:url(../images/contents_bg01.jpg) repeat-x top left;  }
#gmWrapContents { width: 100%; height:100%; margin: 0 auto; background: url(../images/contents_bg02_02.png) repeat-y center 48px; }
#gmWrapContentsIn { width: 980px; height:100%; height:100%; margin: 0 auto; background: url(../images/contents_bg02_01.jpg) no-repeat top center; text-align:center;}

/*--- itemBloc ---*/
#itemBloc { width:800px; height:77px; margin:0px auto; position:relative;}
#itemBloc h2 { width:620; height:77px; position:absolute; top:-11px; left:100px; z-index:0;}

.itemBlocInnerBox{
	width:800px;
	margin:0 auto;
	}

/*--- itemBlocInLeft  ---*/
.itemBlocIn  { width:800px; margin:0px auto 30px; padding:0 0 30px; background:url(../images/item_line.jpg) no-repeat bottom left;}
.itemBlocIn.last  { margin:0px auto; background:none;}
.itemImgBg { width:370px; height:280px; background:url(../images/itemimg_bg.png) no-repeat top left; position:relative;}
.itemImgBg .cklogo01 { width:48px; height:44px; position:absolute; bottom:30px; right:30px; z-index:1;}
.itemImgBg .img { width:320px; height:230px; position:absolute; bottom:25px; right:25px; z-index:0;}
.itemSpec { width:414px; text-align:left;}
.itemSpec h3 { width:374px; padding:10px 0px 6px 40px; background:url(../images/itemtit_icon01.jpg) no-repeat top left; font-size:16px; font-weight:bold; color:#482f00;}
.itemSpec .spec { width:374px; padding:0px 0px 30px 40px; font-size:14px; font-weight:bold; color:#e4007f;}
.itemSpec .spec span { font-size:11px; font-weight:normal; color:#482f00;}
.itemSpec .spec span span { color:#b5ad90;}
.itemBlocIn .pcomArea { width:414px; margin:0 0 30px;}
.itemBlocIn .itemBtn { float:right;}
.itemBlocIn .itemBtn a { width:178px; height:36px; background:url(../images/item_btn01_on.jpg) no-repeat top left; display:block;}
.itemBlocIn .itemBtn a img { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.itemBlocIn .itemBtn a:hover img { filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

/*--- toplink  ---*/
.toplink { text-align:right; padding-right:95px;}
.toplink a { text-decoration: underline;}
.toplink a:link { color:#ff4073;text-shadow:1px 1px 0px #ffffff;}
.toplink a:visited { color:#ff4073;}
.toplink a:active { color:#ffffff;}
.toplink a:hover { color:#999999;}

/*-- footer周り --*/
#footer { height: 68px; margin: 0; padding: 0; clear: both; background: url(http://sn.bpnavi.jp/toru/girlsmemories/contents_bg03.png) repeat-x top left; }
.under_gmenu { width: 880px; margin: 0 auto; padding: 40px 80px 0 0; text-align: right; }
.under_gmenu li.line { border-left: #ff89ac solid 1px; padding: 2px 3px 1px 5px; margin-left: 3px; }
.under_gmenu li.top { background: url(../images/gmenu_icon02.gif) no-repeat; padding: 2px 4px 1px 18px; margin-left: 5px; }

/*-- footer2周り --*/
.footer2 { width: 980px; margin: 0 auto; padding: 15px 0; background: url(../images/bg_footer2.jpg) center top repeat-x white; }
.copy { margin: 0 0 15px; padding: 0 0 0 10px; width: 970px; height: 15px; text-align: left; font-size: 11px; color: #999999; }
.bp_copy {padding:8px 0; text-align: center; font-size: 11px; color: #999999; background-color: #f2efea;}

.bplogo { padding: 0 0 0 10px; width: 80px; height: 38px; font-size: 10px; float: left; }
.caution { margin: 0; padding: 0; font-size: 10px; width: 470px; color: #999999; text-align: left; float: right; }

/*-- textlink --*/
a { text-decoration:none;}
a:link { color:#333333;text-shadow:1px 1px 0px #ffffff;}
a:visited { color:#333333;}
a:active { color:#ffffff;}
a:hover { color:#ff89ac;}
a:focus { outline: 0 !important; }

/*-- common spacer --*/
.pat5 { padding-top: 5px !important; }
.pat10 { padding-top: 10px !important; }
.pat15 { padding-top: 15px !important; }
.pat20 { padding-top: 20px !important; }
.pat30 { padding-top: 30px !important; }
.par0 { padding-right: 0px !important; }
.par5 { padding-right: 5px !important; }
.par10 { padding-right: 10px !important; }
.par15 { padding-right: 15px !important; }
.par20 { padding-right: 20px !important; }
.par30 { padding-right: 30px !important; }
.pab0 { padding-bottom: 0px !important; }
.pab5 { padding-bottom: 5px !important; }
.pab10 { padding-bottom: 10px !important; }
.pab15 { padding-bottom: 15px !important; }
.pab20 { padding-bottom: 20px !important; }
.pab30 { padding-bottom: 30px !important; }
.pal0 { padding-left: 0px !important; }
.pal5 { padding-left: 5px !important; }
.pal10 { padding-left: 10px !important; }
.pal15 { padding-left: 15px !important; }
.pal20 { padding-left: 20px !important; }
.pal30 { padding-left: 30px !important; }
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }
.mgr0 { margin-right: 0px !important; }
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr30 { margin-right: 30px !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgl0 { margin-left: 0px !important; }
.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl30 { margin-left: 30px !important; }