@charset "utf-8";
/*************************************************************
"POWER OF CSS"
hustlemouse
2012.3.6
Auther:maruhiro
Title: design css code
*************************************************************/

/*********************************************************
BODY STYLE
*********************************************************/
body{
	min-width:800px;
	margin:0px;
	padding:0px 20px 20px;
	background-color:#FCFBFA;
	color:#222;
}

/*************************************************************
BASE PAGE ELEMENTS
*************************************************************/
/*HTML5*/
header{margin-bottom:5px}
nav{margin-bottom:5px}
section{margin-bottom:5px}
article{margin-bottom:5px}
footer{margin-bottom:5px}
figure{margin:5px 0px}
section,header,footer,nav,article,aside,hgroup,figure,figcaption{}
/************************************************************
GLOBAL STYLE
*************************************************************/
.catch{
	color:#24249B;
	letter-spacing:0.2em;
}
.lead{
	line-height:1.2em;
	color:#46559D;
}
.subtitle{font-weight:bolder;}
.note{
	font-size:0.833em;
	line-height:1.4em;
	color:#854E36;
}
.quotation{color:#557; font-weight:bolder;}
.itemDem{color:#24249B;}
.attention{color:#854E36;}
.impression{color:#E92900;}
p.paragraph{margin-bottom:5px;}
.underline{text-decoration:underline;}
/*HTML5*/
figcaption.row{margin-top:2px;}
figcaption.note{color:#5a5a5a;}

.center{text-align:center}

/*************************************************************
BASE TAG STYLE
*************************************************************/
table{
	width:100%;
	margin:0px;
	padding:0px;
	color:#191919;
}

h1{font-size:1.4em; line-height:1em;}
h2{font-size:1.16em; line-height:1em;}
h3{font-size:1em; line-height:1em;}
h4{font-size:1em; line-height:1em;}
h5{font-size:1em; line-height:1em;}
h6{font-size:1em; line-height:1em;}

/*Definition for Windows IE*/
/*\*/
/*body, table{font-Size:medium;}*/
* html h1{font-size:140%;}
* html h2{font-size:116%;}
* html h3{font-size:100%;}
* html h4, * html h5, * html h6{font-size:100%;}
/**/

h1,h2,h3,h4,h5,h6{padding-bottom:5px;}
h5,h6{
	color:#253051;
	font-weight:normal;
}

ul{
	margin-top:5px;
	margin-left:1em;
	margin-bottom:10px;
}
ol{
	margin-top:5px;
	margin-bottom:10px;
}
li{margin-bottom:10px;}
dl{
	margin-top:5px;
	margin-left:1em;
	margin-bottom:10px;
}
dt{margin-bottom:10px;}
dd{
	margin-left:1em;
	margin-bottom:5px;
}

ul.reference,
dl.reference{margin-bottom:20px;}
ul.reference li,
ol.reference li,
dl.reference dt,
dl.reference dd{margin-bottom:10px;}
ul.reference li li,
ol.reference li li,
dl.reference dd li{margin:0px 0px 5px;}

ol.clmsReference li{margin-bottom:20px;}

ul.disc{margin-left:1.5em; list-style:disc;}
ul.disc20{margin-left:2em; list-style:disc;}
ul.disc40{margin-left:4em; list-style:disc;}

ul.arrw1{margin-left:2em; list-style-image:url(../img/icn_arw1.gif);}

dd hr{
	height:1px;
	width:100px;
	margin:0px 1em;
	background-color:#ccc;
	color:#aaa;
	border:none;
}
/*********************************************************
BASE LINK STYLE
*********************************************************/
a:link{color:#D72C09}
a:visited{color:#D72C09}
a:hover{color:#0546DC}
a:active{color:#0546DC}
a.default_cursor{cursor:default}
a.help_cursor{cursor:help}

/*************************************************************
BASE FORM TAG STYLE
*************************************************************/

/*************************************************************
BASE FORM EREMENT CLASS
*************************************************************/

/*************************************************************
layout classes
*************************************************************/
.floatLeft{float:left}
.floatRight{float:right}

/*************************************************************
header classes
*************************************************************/
header.page{
	margin-bottom:30px;
}
header.page a#pagetop{
	display:block;
	height:20px;
}
header.page h1{
	margin-bottom:5px;
	font-size:1em;
	line-height:1em;
	font-weight:normal;
	border-bottom:#ccc solid 2px;
}
header.page .breadList{
	font-size:0.833em;
	line-height:1em;
	font-weight:normal;
	color:#24249B;
}

/*************************************************************
content classes
*************************************************************/
section.page{
	margin-bottom:20px;
	line-height:1.4em;
}
header.content{margin-bottom:20px;}

/*delated on HTML5*/
#contentBody{margin-bottom:20px;}

footer.content{}

article.outline{
	margin-bottom:20px;
}

article.clmnSeason {
	margin-bottom: 10px;
	padding: 15px 20px;
	border-top: 3px double #B8C0D2;
	border-bottom: 3px double #B8C0D2;
	background-color: #DDE3EA;
}

article.clmnA{
	margin-bottom:30px;
	padding:30px 30px;
	border:#ccc solid 1px;
}

article.clmnA .supplementClm{
	margin-bottom:20px;
	padding:10px 10px;
	border:#D1A28D solid 1px;
}
article.clmnA .conceptClm{
	margin:20px 0px;
	padding:10px 10px;
	border:#ddd solid 1px;
	background-color:#f6f6f6;
}
article.clmnA .conceptClm .borderLinee{
	margin-right:40px;
	border:#ccc solid 1px;
}

article.clmnC{
	margin-bottom:20px;
	padding:20px 20px;
	border-top:#ddd dotted 2px;
}

article.clmnA header.clmn,
article.clmnA section.clmn article,
article.clmnC header.clmn,
article.clmnC section.clmn article{
	margin-bottom:25px;
}
article.clmnC article.clmn header{
	margin-bottom:10px;
}
article.clmnC article.clmn header{}

/*article.clmnA section.clmn article.smallClm{
	margin-bottom:5px;
}*/

footer.content .gotoPageTop{
	font-size:0.833em;
	line-height:1em;
	text-align:right;
}

/*** SYLLABUS TABLE ***/
div.syllabusTableWrap{
	margin:10px 1.5em 20px;
}
table.syllabusTable{
	width:100%;
	margin:0px;
	border-top:solid #ccc 2px;
	border-bottom:solid #ccc 1px;
	border-left:solid #ccc 1px;
	font-size:0.833em;
}
table.syllabusTable td{
	padding:2px 5px 1px;
}
table.syllabusTable thead td{
	border-bottom:double #ccc 3px;
	border-right:solid #ccc 1px;
}
table.syllabusTable tbody td{
	width:50%;
	border-bottom:dotted #ccc 1px;
	border-right:solid #ccc 1px;
}
/*** SYLLABUS TABLE END ***/

/*** PAGE ANCHOR ***/
#spring,
#autumn{
	display:block;
	height:1px;
	size:1px;
	line-height:1px;
}
/*** PAGE ANCHOR END ***/
/*********************************************************
HUSTLEWATCHER STYLE
*********************************************************/
form#hustleWatcher{
	padding:0px 2px;
	background-color:#D0DCAF;
	border:#CCC solid 1px;
}
form#hustleWatcher label span.title{
	color:#667077;
	font-size:1em;
	font-weight:bolder;
	line-height:1.4em;
}
form#hustleWatcher textarea{
	width:99%;
	margin:0px;
	padding:2px;
	font-size:0.8em;
	border:#999 solid 1px;
}
/*************************************************************
footer classes
*************************************************************/
footer.page{
	margin-bottom:100px;
	border-top:#ccc solid 1px;
	padding:5px;
	color:#999;
	font-size:0.833em;
	line-height:1.4em;
	text-align:center;
}