@charset "UTF-8";

/*
	Reset
*******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
li {list-style:none;}
img {border:0;}

/* Yahoo UI Font CSS
-----------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2

Font-size Adjustment.
	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% =  17px	|	174% = 23px 
	93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
----------------------------------------------- */ 
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*
	clearfix
*******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
	replaceImg
*******************************/
.replaceImg { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}


/*
	BASE
*******************************/
body { background:#E5E5E5; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/*dt,dd,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a { font-size:93%;}
*/
body * {line-height:1.22em;}

img { vertical-align:bottom;}

p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6 { color:#222;}

p,td,li,dd { line-height:1.34em; letter-spacing:1px;}

p { margin-bottom:10px;}

p.caption { font-size:85%;}

em { font-style:normal; font-weight:bold;}

a,
a:link,
a:visited { color:#03F; text-decoration:none;}
a:hover { color:#06F;}

.clear { clear:both;}


/*//////////////////////////////////////////////////////////////////////////*/


/*
	BASE LAYOUT
******************/

div#container { width:780px; margin:0 auto; background:#ffffff;}

div#head { height:70px; background:url(../img/common/head_bg.gif) repeat-x; position:relative;}

div#main { width:750px; margin:10px 0 0 10px;}

div#foot { height:60px; background:url(../img/common/footer_bg.gif) repeat-x;}

/*//////////////////////////////////////////////////////////////////////////*/


/*
	div#head
******************/

a#logo { display:block; position:absolute; top:0; left:10px;}
img#headCatch { position:absolute; top:24px; left:177px;}
table#search { position:absolute; bottom:15px; right:10px;}
	td#textIn { padding-right:10px;}

/*//////////////////////////////////////////////////////////////////////////*/



/*
	div#main
******************/

div#mainCont { width:580px; float:right; margin-bottom:15px;}


	div.contentsBox { margin-bottom:40px;}
		div.report { margin-bottom:25px;}
		div.last { margin-bottom:0;}
			div.report img { float:left; margin:0 16px 0 0; padding-bottom:10px;}
			div.report .title { width:100%; font-weight:bold; background:url(../img/common/title_bg.jpg) repeat-x; border-top:#DA4C54 1px solid; position:relative; margin:10px 0;}
			div.report .title .titleName { display:block; padding:11px 0 12px 5px;}
			div.report .title .date { display:block; position:absolute; width:; font-size:10px; font-weight:normal; right:5px; bottom:11px;}
			div.report p {}
			div.report .more { display:block; width:100%; text-align:right; text-decoration:none;}
	
	
	div#navi { width:152px; float:left;}
		div#navi ul#mainNavi li {margin-bottom:8px; }
		div#navi ul#mainNavi a { display:block; width:148px; font-size:85%; font-weight:bold; text-indent:8px; text-decoration:none; padding:8px 0 7px; letter-spacing:0;}
		div#navi ul#mainNavi a:hover { border:2px solid #FF3300; color:#FF3300;}
		li.navi2 a,
		li.navi2 a:link,
		li.navi2 a:visited {
	color:#666;
	border:#666 2px solid;
}
		ul.banner li { margin-bottom:10px;}


p.btnTop { clear:both; width:100%; text-align:right; padding-top:40px;}


/* current page over */

body#top div#navi ul#mainNavi li#btnTop a,
body#lineup div#navi ul#mainNavi li#btnLineup a,
body#canpaign div#navi ul#mainNavi li#btnCanpaign a,
body#mousikomi div#navi ul#mainNavi li#btnMousikomi a,
body#giftcard div#navi ul#mainNavi li#btnGiftcard a,
body#giftcardStore div#navi ul#mainNavi li#btnGiftcardStore a,
body#qa div#navi ul#mainNavi li#btnQA a,
body#company div#navi ul#mainNavi li#btnCompany a,
body#company div#navi ul#mainNavi li#btnIsms a,
body#access div#navi ul#mainNavi li#btnAccess a { border:2px solid #FF3300; color:#FF3300;}


/*//////////////////////////////////////////////////////////////////////////*/




/*
	div#foot
******************/

div#foot { text-align:center; margin-top:20px;}

p#footNavi { padding-top:20px;}
p#footNavi a,
p#footNavi a:link,
p#footNavi a:visited { color:#FFF; text-decoration:none; font-size:10px; margin:0 8px;}
p#footNavi a:hover { color:#CCC;}
p#copy { color:#fff; font-size:10px; margin-top:10px;}


/*//////////////////////////////////////////////////////////////////////////*/