@charset "UTF-8";

/* ------------------------------
	■■■ Base.css ■■■
------------------------------ */



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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

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



/* ------------------------------
	Font
------------------------------ */

html {
	font-size: 62.5%;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.7em;
	font-weight: bold;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
}
p {
	font-size: 1.4em;
	line-height: 1.4;
	color : #595959 ;
}
ul {
	font-size: 1.4em;
	line-height: 1.4;
}
dl {
	font-size: 1.4em;
	line-height: 1.4;
}
table {
	font-size: 1.4em;
	line-height: 1.4;
}
	
/* ------------------------------
	Font End
------------------------------ */



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

body {
	background-color: #AFE143;
	color: #333333;
}

a:link {
	color: #259CB8;
}

a:visited {
	color: #2552B8;
}

a:hover {
	color: #F7931E;
}

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



/* ------------------------------
	Container
------------------------------ */

#container {
	width: 1024px;
	margin: 0 auto 0;
	background-color: #FFFFFF;
}



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

#header {
}

h1.keyphrase {
	font-size: 1.3em;
	padding-top: 10px;
	color: #666666;
	margin-left: 15px ;
	width:480px;
	float:left;
}

/* ------------------------------
	Login
------------------------------ */

.login {
	/*margin-left: 505px;
	margin-top: -27px;*/
	margin-right : 20px;
	margin-top:7px;
	color: #666666;
	float: right;
	text-align:right;
}

.login img {
	margin-left:7px;
}

ul.login_li {
	margin-bottom:5px;
}

ul.login_li li{
	display: inline;
	font-size:12px;
}

div.login p {
	font-size: 1.0em;
}

/* ------------------------------
	Login End
------------------------------ */

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



/* ------------------------------
	Contents
------------------------------ */

#contents {
	float: left;
	width: 1024px;
	background-color: #FFFFFF;
}

/* ------------------------------
	Main
------------------------------ */

#main {
	float: left;
	width: 690px;
	padding-left:10px;
	background-color: #FFFFFF;
}

/* ------------------------------
	Pager
------------------------------ */
/*
.paging01 {
	font-size: 1.2em;
	padding-left: 10px;
	xmargin-left: 20px;
}
*/

.paging02 {
    clear : both ;
	margin-left : 10px ;
	width : 670px ;
	height : 1em ;
	
}


.paging0101 {
    font-size: 1.5em;
    float : left ;
	padding-left: 10px;
}

.paging0102 {
    float : right ;
	padding-right : 40px ;
	font-size: 1.5em;
}

.prev {
    clear : both ;
	float: left;
    font-size: 1.5em;
}

.number {
	float: left;
	padding: 0 3px;
	font-size: 1.5em;
}

.next {
    font-size: 1.5em;
	float: left;
}

.disabled {
	color: #b2b2b2;
}

/* ------------------------------
	Pager End
------------------------------ */

/* ------------------------------
	Main End
------------------------------ */



/* ------------------------------
	Sub
------------------------------ */

#sub {
	float: left;
	width: 300px;
	background-color: #FFFFFF;
	padding-left : 5px ;
}

/* ------------------------------
	twitter widget
------------------------------ */

div.twtr-widget {
	margin : 15px 0 ;
}

div.twtr-widget div.twtr-tweet-text p {
	font-size : 1.0em ;
}

/* ------------------------------
	twitter widget End
------------------------------ */

/* ------------------------------
	Cm
------------------------------ */

.cm {
	text-align : center;
	margin-bottom : 10px ;
}

/* ------------------------------
	Cm End
------------------------------ */

/* ------------------------------
	Category
------------------------------ */

h2.category_top img {
	vertical-align: bottom;
	margin-top : 10px ;
}

.category_middle {
	background: url(../img/top/category_middle.gif) repeat-y;
	width: 290px;
}

.category_middle h3 {
	padding: 5px 0px 5px 20px;
	color: #B2E24B;
	font-weight: bold;
}

.category_middle ul {
	padding-left: 30px;
}

.category_middle ul li {
	padding-left: 16px;
	background: url(../img/top/mark01.gif) no-repeat;
	background-position: left top ;
	line-height: 1.4em;
	margin-top : 3px ;
	width : 230px ;
}

.category_middle img {
	margin-left: 45px;
}

.category_bottom {
	background: url(../img/top/category_bottom.gif) no-repeat;
	height: 6px;
	width: 290px;
	margin-bottom : 5px ;
}

/* ------------------------------
	Category End
------------------------------ */

/* ------------------------------
	Sub End
------------------------------ */

/* ------------------------------
	Contents End
------------------------------ */



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

#footer {
	background: url(../img/top/footer.gif) no-repeat;
	width: 1012px;
	height: 100px;
	clear: both;
	margin:15px 0 0 12px;
	padding-bottom:15px;
	background-color: #FFFFFF;
}

ul.footer_navi {
	margin-left: 200px;
	padding-top: 30px;
	color: #ffffff;
	font-size: 1.2em;
}

ul.footer_navi li{
	display: inline;
	padding-right: 10px;
}

p.footer_navi {
	margin-left: 200px;
	color: #FFFFFF;
	font-size: 1.2em;
}

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

/* ------------------------------
	Container End
------------------------------ */