/*

Theme Name: CC2-news

Theme URI: http://www.cc2.co.jp/cms/cc2news/

Description: ---

Author: ---

Author URI: ---

Version: ---

.

CC2-news

.

*/



@charset "utf-8";

/* CSS Document */



/*

INDEX

------------------------------------------------------------

1.RESET and BOX and hidden and TEXT

2.MAIN-COLUMN

3.SUB-COLUMN

4.ENTRY-BODY

5.PAGE-NAVI

6.FOOTER-COPY

------------------------------------------------------------*/



/*

1.RESET and BOX and hidden and TEXT

------------------------------------------------------------*/

@import "reset.css";


body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }


body{

	margin: 0px;

	padding: 0px;

	border: 0px;


	font-size: 0.9em;

	line-height: 170%;

	

	width:100%;

	

	background-color: #efe9e9;

	background-image: url(img/background-loop.jpg);

	background-repeat: repeat-y;

	background-position: center;

}

#container{

	margin-right: auto;

	margin-left: auto;

	background-image: url(img/background-img.jpg);

	background-repeat: no-repeat;

	background-position: center top;



	position:relative;

	width:100%;

}

#content{

	width: 860px;

	padding-left:40px;

	padding-right:40px;

	_width: 940px;

	

	margin-right: auto;

	margin-left: auto;

}

#header{

	padding-top: 37px;

	width: 860px;

	padding-bottom: 25px;

	position:relative;

}

#main-column{

	width: 680px;

	float: left;

}

#sub-column{

	width: 160px;

	float: right;

}

#footer{

	clear: both;

}

.hidden{

	position: absolute;

	margin-left: -9632px;

}

#h-rss{

	position: absolute;

	top: 70px;

	left: 721px;

}

#h-twit{

	position: absolute;

	top: 70px;

	left: 790px;

}

p a:link,li a:link {

	color: #333;

	text-decoration:none;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333;

}

p a:visited,li a:visited {

	color: #333; 

	text-decoration:none;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333;

}

p a:visited,li a:hover {

	color: #333;

	text-decoration:underline;

	background:#eaff98;

	border-bottom-style: none;

}

p a:visited,li a:active {

	color: #333;	

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333;

}

td a:link{

	color: #b30127; 

	text-decoration:none; 

	border-bottom:#b30127 dotted 1px; 

	font-weight:bold;

}

td a:visited{

	color: #b30127; 

	text-decoration:none; 

	border-bottom:#b30127 dotted 1px;

	font-weight:bold;

}

td a:hover{

	color: #b3db11; 

	text-decoration:none; 

	background:#eaff98;

	border-bottom:#333 solid 1px;

	font-weight:bold;

}

td a:active{

	color: #b3db11;

}

a:link {

	color: #333;

	text-decoration:none;

}

a:visited {

	color: #333; 

	text-decoration:none;

}

a:hover {

	color: #333; 

	text-decoration:underline; 

	background:#eaff98;

}

a:active {

	color: #333;

}



/*

2.MAIN-COLUMN

------------------------------------------------------------*/

.entry-header h2{

	border-top-color: #37B45D;

	border-top-width: 2px;

	border-top-style: solid;

	border-bottom-color: #ccc;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	

	background-color: #f1f1f1;

	

	width: 670px;

	padding:5px 5px 1px 8px;

	_width: 680px;

	

	font-weight: bold;

	font-size: 14px;

	line-height: 150%;

}





.entry-body h3{

	border:5px solid #0f8c35;

	border-style:none none none solid;

	padding:5px;

	color:#0f8c35;

	font-weight:900;

	font-size:20px;

	text-indent:2px;

	margin:10px 0 0 0;

}





p img{

	text-align:center;

	margin-right: auto;

	margin-left: auto;

	display: block;	

	margin-bottom: 10px;

}

.wp_social_bookmarking_light{


	text-align:left;

	margin-right: 0;

	margin-left: 0;

	display:inline;

}



.entry-cat{

	float:left;

	display: block;

	background-image:url(img/tag.gif);

	background-repeat: no-repeat;

	height: 20px;

	margin-top: 7px;

	padding-left: 22px;

	background-position: left center;

}

.entry-twit{

	float:left;

	display: block;

	height: 20px;

	margin-top: 5px;

	padding-left: 22px;

	background-position: left center;

}

.entry-hatena{

	float:left;

	display: block;

	height: 12px;

	margin-top: 7px;

	padding-left: 7px;

	background-position: left center;

}

.entry-time{

	float:right;

	display: block;

	text-align:right;

	font:Arial, Helvetica, sans-serif;

	font-weight: bold;

	color:#666666;

	font-size: 7pt;

	margin-top: 5px;

	margin-bottom: 15px;

}





.wp_social_bookmarking_light{

	position:absolute;

	margin-top:-34px;

	margin-left:316px;

}

.wp_social_bookmarking_light div{

	float:right;

	padding-left:4px;

}

.wp_social_bookmarking_light div:after{

	clear:both;

}











/*

3.SUB-COLUMN

------------------------------------------------------------*/

#sub-column h2{

	border-top-color: #9db300;

	border-top-width: 2px;

	border-top-style: solid;

	border-bottom-color: #ccc;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	

	background-color: #f1f1f1;

	

	width: 150px;

	padding:5px 5px 1px 8px;

	_width: 160px;

	

	font-size: 10pt;

	line-height: 150%;

	margin-bottom: 8px;

}

#sub-column ul{

	margin-bottom: 35px;

}

#sub-column>ul{

	list-style-type: none;	

}



.widget_recent_entries li{

	margin-bottom:10px;

	padding-bottom:5px;

	border-bottom:1px solid #ddd;

	list-style-type:disc;

	list-style-position:inside;

	line-height:120%;

}

.widget_recent_entries li a:link{

	border:none;

}

.widget_search{

	padding-bottom:15px;

}



#cat-list li{

	list-style-image: url(img/tag.gif);

}

/*.cat-list li{

	display: block;

	background-image:url(img/tag.gif);

	background-repeat: no-repeat;

	height: 18px;

	margin-top: 5px;

	padding-left: 22px;

	text-align:	center;

	background-position: left center;

}*/



/*

4.ENTRY-BODY

------------------------------------------------------------*/

.entry-body{

	margin-bottom: 60px;

	clear:both;

	width: 640px;

	margin-right: auto;

	margin-left: auto;

}

.entry-body p{

	padding-bottom: 20px;

}

.entry-body strong{

	font-size: 120%;

	line-height: 135%;

	font-weight: bold;

}

table.table {

  margin-top: 0.2em;

  margin-bottom: 20px;

  width: 100%;

  border-collapse: collapse;

  border: solid 1px #CCCCCC;

}

table.table th,table.table td {

  border: solid 1px #CCCCCC;

  padding: 4px 6px;

}

table.table th{

    white-space: nowrap;

	background-color: #333;

	width: 25%;

	color: #fff;

	font-weight: bold;

	text-align: center;

}



table.table td{

	background-color: #ffffff;

	width: 75%;

	color: #333333;

	text-align: left;  

	padding-left:10px;

}



blockquote{

	border:1px solid #efefef;

	background:#f7f7f7;

	width:620px;
	display:block;

	padding:10px;

	margin:0 0 5px 0;

}

blockquote table.table {

  margin-top: -20px;

}

blockquote ul{

	display:inline-block;

	margin-bottom: 20px;

}

blockquote>p>em {

	background: #333333;

	color: #FFFFFF;

	font-weight: bold;

	display:block;

	padding-left: 6px;

}

em {

	color:#CC0000;

	font-weight: bold;

}

table.photo {

	margin-top: 0.2em;

	margin-bottom: 20px;

	width: 100%;

	border-collapse: collapse;

	border-style: none;

}

.photo td{

	text-align: center;

	vertical-align: middle;

}

.photo img{

	margin-bottom: 8px;

	margin-top: 12px;

}

.right{

	text-align:right;

	padding:0 0 5px 10px;

}





/*

5.PAGE-NAVI


------------------------------------------------------------*/

.tablenav {

	color: #222;

	background:white;

	margin: 4px;

	line-height:2em;

	text-align:center;

}

a.page-numbers, .tablenav .current {

	color: #222;

	padding: 6px;

	border:solid 1px #ccc;

	text-decoration:none;

	font-size:smaller;

}

a.page-numbers:hover {

	color:white;

	background: #9db300;

}

.tablenav .current {

	color: white;

	background: #9db300;

	border-color: #9db300;

	font-weight:bold:

}

.tablenav .next, .tablenav .prev {

	border:0 none;

	background:transparent;

	text-decoration:underline;

	font-size:smaller;

	font-weight:bold;

}



#single-nav-b{

	text-align:left;

	border-top: 1px dotted #9db300;

	margin-right: auto;

	margin-left: auto;

	width:90%;

}



#single-nav{

	text-align:left;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 25px;

	padding-top: 25px;

	width:100%;

	font-size: 8pt;

}



#single-nav h5{

	border-top-color: #9db300;

	border-top-width: 2px;

	border-top-style: solid;

	border-bottom-color: #ccc;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	

	background-color: #f1f1f1;

	

	width: 670px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 2px;

	padding-bottom: 1px;

	_width: 160px;

	

	font-size: 10pt;

	line-height: 130%;

	margin-bottom: 8px;

/*	margin-bottom: 10px;

	font-size: 10pt;

	font-weight: bold;

	background-color: #333333;

	color:#fff;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 6px;*/

}

#single-nav ul{

	margin-bottom: 25px;

}





/*

6.FOOTER-COPY

------------------------------------------------------------*/

p#pageTop {

	clear:both;

	margin:0 10px 10px 0;

	text-align:right;

	height:15px;

	font-size:0;

	line-height:0;

	left: 660px;

	top: 960px;

}

#footer {

	top: 25px;

	clear:both;

	width:900px;

	background-color:#666666;

	margin:auto;

	height:60px;

	padding: 5px 0 0 0;

	margin-left: -20px;

}

#footer ul {

	width:760px;

	margin:10px auto 0;

	text-align:center;

}

#footer li {

	display:inline;

	margin-right:8px;

	padding-right:5px;

	line-height:1.1;

	border-right:1px #aaa solid;

}

#footer ul li a {

	color:white;

	border-style:none;

}

#footer ul li a:hover {

	color:black;

	background:white;

}

#footer p#copyright {

	text-align:center;

	clear:both;

	margin:10px auto;

	width:760px;

	color:#ccc;

	line-height:100%;

}