@charset "utf-8";

/*
Title:       Marksplus master styles
Last updata: 2009.5.31
*/

/*--------------------------------------------------------------------
-------------------------------------------------------------- Reset
--------------------------------------------------------------------*/

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,tr,embed,object{
	margin:0;
	padding:0;
}

li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}

/*------------------------------------------------------------ Body */

body{text-align:center;background:url(../images/bg_body.gif) repeat-x;width:100%;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,td,th,label,div{
	color:#252424;
	font-size:80%;
	line-height:140%;
}

div p,div li,div dt,div dd,div form,div pre,div td,div th,div label,
div div,div h1,div h2,div h3,div h4,div h5,div h6,
p p,p li,p dt,p dd,p from,p pre, p td,p th,p label,p div,
li p,li li,li dt,li dd,li from,li pre,li td,p th,li label,li div,li h3,
td p,td li,td dt,td dd,td from,td pre,td td,td th,td label,td div,
th p,th li,th dt,th dd,th from,th pre,th td,th th,th label,th div,
label p,label li,label dt,label dd,label form,label pre,label td,label th,label div,
form th,form td{
	font-size:100%;
}

a{overflow:hidden;}
a:link{color: #1d2088; text-decoration:underline;}
a:visited{color: #1d2088; text-decoration:underline;}
a:hover{color: #1d2088; text-decoration:none;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	font-weight:normal;
}
th { text-align: left;}


/*--------------------------------------------------------------------
------------------------------------------------------------- Header
--------------------------------------------------------------------*/


#Header {
	text-align: left;
	width: 850px;
	height: 109px;
	margin: 0 auto;
	position: relative;
}

p#Logo {
	float: left;
	padding: 23px 0 0 19px;
	width: 166px;
}

#Header p#Catch {
	font-size: 80%;
	color: #76768f;
	text-indent: 0;
	float: left;
	width: 458px;
	height: 40px;
	padding: 26px 5px 0 35px;
	margin-bottom: 0;
}

/*---------------------------------------------------------- SubNav */

ul#subNav {
	text-indent:-9999px;
	float: right;
	width: 160px;
	height: 31px;
	margin-top: 31px;
	padding-right: 7px;
}
#subNav li{
	float:left;
}
#subNav li a{
	height:20px;
	display:block;
	background:url(../images/subnav.gif) left top no-repeat;
}

#subNav li#Sub01{width:74px;}
#subNav li#Sub02{width:86px;}

#subNav li#Sub01 a{background-position:0 0;}
#subNav li#Sub02 a{background-position:-74px 0;}

#subNav li#Sub01 a:hover{background-position:0 -20px;}
#subNav li#Sub02 a:hover{background-position:-74px -20px;}


/*---------------------------------------------------------- GlbNav */

ul#glbNav {
	background: url(../images/bg_glbnav.gif) no-repeat;
	text-indent:-9999px;
	clear:both;
	width:850px;
	height:33px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#glbNav li {
	float: left;
}

#glbNav li a{
	height:33px;
	display:block;
	background:url(../images/glbnav.gif) left top no-repeat;
}

#glbNav li#Glb01{width:83px;}
#glbNav li#Glb02{width:83px;}
#glbNav li#Glb03{width:83px;}
#glbNav li#Glb04{width:83px;}
#glbNav li#Glb05{width:107px; padding-left: 411px;}

#glbNav li#Glb01 a{background-position:0 0;}
#glbNav li#Glb02 a{background-position:-83px 0;}
#glbNav li#Glb03 a{background-position:-166px 0;}
#glbNav li#Glb04 a{background-position:-249px 0;}
#glbNav li#Glb05 a{background-position:-743px 0;}

#glbNav li#Glb01 a:hover{background-position:0 -33px;}
#glbNav li#Glb02 a:hover{background-position:-83px -33px;}
#glbNav li#Glb03 a:hover{background-position:-166px -33px;}
#glbNav li#Glb04 a:hover{background-position:-249px -33px;}
#glbNav li#Glb05 a:hover{background-position:-743px -33px;}


/*--------------------------------------------------------------------
---------------------------------------------------------------- Wrap
--------------------------------------------------------------------*/


#Wrap{
	background: #1d2088 url(../images/bg_wrap.gif) repeat-x;
	width: 100%;
	padding-top: 9px;
}

#Content {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------------
---------------------------------------------------------------- Side
--------------------------------------------------------------------*/

#Side {
	background: url(../images/bg_dot02.gif);
	float: left;
	width: 220px;
}

ul#Bnr {
	background: url(../images/bg_side03.gif) no-repeat;
	padding-top: 8px;
}

ul#Bnr li {
	height: 70px;
	padding-bottom: 2px;
}

* html ul#Bnr li {
	overflow: hidden;
}

ul#Bnr li.bottom {
	background: url(../images/bg_side02.gif) no-repeat center 81px;
	height: 80px;
	padding-bottom: 8px;
}

/*--------------------------------------------------------------------
------------------------------------------------------------- Content
--------------------------------------------------------------------*/

#Main {
	text-align: left;
	float: left;
	width: 622px;
	margin-left: 8px;
}


/*--------------------------------------------------------------------
-------------------------------------------------------------- Footer
--------------------------------------------------------------------*/

p#Pgtop {
	clear: both;
	width: 850px;
	margin: 11px auto 0 auto;
}

* html p#Pgtop {
	margin: 0 auto;
}

p#Pgtop a {
	background: url(../images/pagetop.gif) no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
	display: block;
	width: 71px;
	height: 26px;
	margin-left: 779px;
}

p#Pgtop a:hover {
	background-position: 0 -26px;
}

#Footer p#ftNav {
	color: #bababa;
	background: url(../images/bg_dot01.gif);
	padding: 6px 0;
}

#Footer p#ftNav a {
	text-decoration: none;
	color: #1d2088;
}

#Footer p#ftNav a:hover {
	text-decoration: underline;
}

address {
	background: url(../images/copyright.gif) no-repeat center;
	text-indent: -9999px;
	height: 29px;
}

/*--------------------------------------------------------------------
------------------------------------------------------- ContentClear
--------------------------------------------------------------------*/

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

* html .clearfix{height:1%;}

/*\*//*/
.clearfix{
	display: inline-table;
}
/**/