@charset "utf-8";


/* ──────────────────────────────────
                                           
  #### #####   ###### ###  ## ###   ###### 
 #   #  #   #   #   #  ##  ##  #     #   # 
#       #   #   #  #    #  #   #     #  #  
#       #  #    ####     ##    #     ####  
#       ####    #  #     #     #     #  #  
#       #  #    #        #     #     #     
 #   #  #  ##   #   #    #     #  #  #   # 
  #### ###  ## ######   ###   ##### ###### 

Hello CREYLE !


 ────────────────────────────────── */



/* ─ body ────────────────────────────────── */
body {
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
	font-family: Verdana, Arial, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo , "ＭＳ Ｐゴシック", sans-serif,Osaka;
	color: #666666;
}
a {
	color: #555555;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

ul,li,dl.dt.dd {
	list-style-type: none;
}


/* ─ header ────────────────────────────────── */
div#header {
	clear:both;
	min-height:140px;
	height: auto !important;
	height:140px;
	width:900px;
	margin : 0 auto 3px auto;
}

div.mainTitle{
	float:left;
	margin:20px 0 10px 20px;
}
div#headerInfo{
	margin:15px 0 10px 0;
	overflow: hidden;
	float: right;
}

div#header h1 {
	font-size: 24px;
	font-weight:bold;
	padding : 6px 0 5px 50px;
	background: url(/skin/cteam01/img/icon/music.gif) no-repeat 0 0;
	text-align: left;
}

div#header h1 a {
	text-decoration: none;
}
div#header h1 a:hover {
}
div.mainTitle p{
	margin-top:5px;
	text-align: left;
}

div#headerInfo ul {
	width: 390px;
	overflow: hidden;
}
div#headerInfo ul li {
	padding: 0 0 3px 0;
	float: left;
}
.header_search_keywords {
	margin: 0 10px 0 0;
	width: 150px;
	line-height: 13px;
	font-size: 13px;
	padding: 5px 0 1px 0;
}
.header_search_button {
	vertical-align: top;
	width: 115px;
}


/* ─ menu ────────────────────────────────── */
div#menu {
	width:900px;
	margin:0 auto;
	padding-bottom: 12px;
	font-size:12px;
}
div#menu  ul li {
	display: block;
	float: left;
	margin-left:2em;
	margin-top:3px;
	text-align:left;
}
div#menu ul li a {
	text-decoration: none;
}
div#menu ul li a.focus {
	border-bottom:2px solid #ccc;
}
div#menu ul li a:hover {
	text-decoration: underline;
}

div#submenu{
	clear:both;
	width:860px;
	margin:0 auto;
	font-size:11px;
}




/* ─ footer ────────────────────────────────── */
div#footer {
	clear:both;
	width:940px;
	margin: 0 auto;
	padding: 14px 0 80px 0;
	font-size:11px;
	text-align: center;
}
div#footer ul {
	list-style-type: none;
}
div#footer ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
div#footer ul li.tail {
}
div#footer ul li a {
	text-decoration: none;
}
div#footer ul li a:hover {
	text-decoration: underline;
}




/* ─ container  ────────────────────────────────── */
div#container {
	text-align: center;
	width:940px;
	margin: 0 auto;
}

div#bgwrap {
	text-align: center;
	width:940px;
	margin: 0 auto;
	background : #ffffff url(/skin/cteam01/img/bg/container_bg.gif) repeat-y 0 0;
}
div#container-bottom {
	text-align: center;
	height:14px;
	width:940px;
	margin: 0 auto;
	background:#ffffff url(/skin/cteam01/img/bg/container_bottom.gif)  no-repeat  0 0;
}



div#contents {
	width: 590px;
	margin:0 0px 10px 20px;
	_margin-left:10px;
	float: left;
	text-align:left;
}
div#contents2{
	width: 760px;
	margin: 20px auto;
	text-align:left;
}

div#contents3{
	width: 900px;
	margin: 0 auto;
	text-align:left;
}

div#rightColumn {
	width: 300px;
	margin-left:15px;
	float: left;
	text-align:left;
}



/* ─ contents ────────────────────────────────── */
/*
バナー
*/


div.rightColumn-inner{
	padding-top:15px;
}

div.bnr{
	margin : 0 auto 12px auto;
	width:300px;
}




div#contents h2{
	clear: both;
}


/*
検索フォーム
*/
#searchform {
	position: relative;
	margin-bottom:12px;
	margin-left:12px;
}
#search_keywords{
	width: 190px;
	height: 16px;
	background: #fff url(/skin/cteam01/img/icon/search.png) no-repeat 8px 3px;
	border: 1px solid #CCC;
	padding: 2px 2px 2px 26px;
}
#search_btn	{
	position: absolute;
	top: 0;
	left: 225px;
}



/* ─ kiyaku ────────────────────────────────── */

div.section{
	margin-bottom: 18px;
	padding-left:10px;
	border-left: 1px solid #ccc;
	line-height: 1.4;
}
div.section h3{
	font-size:108%;
	font-weight : bold;
}
ol.marker {
	margin-left:1em;
}

ol.marker  ol{
	margin : 1em;
}



ol.marker li{
	list-style-type : decimal;
	list-style-position : inside;
	text-indent: -1em;
	margin-left: 1em;
}


/* ─ plugin ────────────────────────────────── */

div#contents div.plugin{
	margin-bottom:12px;
}

div#contents h2.plugin-title,
div#contents3 h2.plugin-title{
	background: #333333;
	color:#ffffff;
	padding:8px;
}

div#contents div.plugin-body{
	color:#666666;
	padding: 5px;
}

div#rightColumn div.plugin{
	width:290px;
	background:#fff;
	margin:0 auto;
}


div#rightColumn h2.plugin-title{
	background: #4d4d4d;
	color:#f5f5f5;
	padding: 5px;
}

div#rightColumn div.plugin-body{
	padding:15px 5px;
}

div#rightColumn h2.plugin-title a{
	text-decoration:none;
	display:block;
}
div#rightColumn h2.plugin-title a:hover{
	text-decoration:underline;
}



/* ─ entry_list ────────────────────────────────── */
div#entry_list {
	margin-top:12px;
}
div#entry_list  div.entry {
	clear: both;
	margin:12px 0 30px 0;
}




div#entry_list h2 {

	padding:5px;
	width:580px;
	font-size: 18px;
	font-weight: bold;
	color:#4d4d4d;
}
div#entry_list h2 a {
	text-decoration: none;
}
div#entry_list h2 a:hover {
	text-decoration: none;
}


div#entry_list div.entry_title_h3 {
	margin-left:12px;
	width:390px;
	font-weight: bold;
	float:left;
}
div#entry_list div.entry_title_h3 a {
	width: 380px;
	padding :  3px 0 6px 10px;
	display: block;
	text-decoration: none;
}
div#entry_list div.entry_title_h3 a:hover {
	color:#000000;
}



div#entry_list p.thumb {
	float: left;
	width:180px;
	background: url(/skin/cteam01/img/bg/image_base.gif) no-repeat 0 0;
	text-align: center;
}

div#entry_list p.thumb a{
	display: block;
	width:180px;
	height:180px;
}
div#entry_list p.thumb a:hover{
	display: block;
	width:180px;
	height:180px;
	border:1px solid #f00;
}
div#entry_list  p.description {
	margin-left:12px;
	width:380px;
	line-height:1.4;
	float:left;
}
div#entry_list  p.description-nophoto {
	margin-left:12px;
	width:500px;
	line-height:1.4;
	float:left;
}

div#entry_list  p.entry_more {
	clear: both;
	text-align: right;
	margin: 0  24px 12px 0;
	font-size: 0.8em;
	color:#999;
}


div#entry_list img {
}







/*─ side ───────────────────────────────────────*/

div.side {
	padding-bottom: 12px;
}


div.side h2 {
	padding:4px;
	margin-left:1em;
	font-weight: bold;
	font-size: 12px;
}
div.side h2 a {
	text-decoration: none;
}
div.side h2 a {
	text-decoration: none;
}

div.side ul.list-dot {
		margin:12px auto;
}
div.side ul.list-dot li {
	margin-left:1em;
	margin-bottom: 2px;
}
div.side ul.list-dot  li  a{
	padding-left:16px;
	text-decoration:none;
}
div.side ul.list-dot  li a:hover{
	text-decoration:none;
}







/*─ member_list ───────────────────────────────────────*/
div#member_list {
	margin: 0 0 30px 0;
	text-align: center;
}
div#member_list table {
	margin: 0 auto 10px auto;
	text-align:left;
}
div#member_list table td {
	width: 90px;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}
div#member_list table td img {
	padding: 7px;
	border: 1px  solid #ccc;
	background-image: url(/skin/cteam01/img/bg/half.gif);
	background-color: #fff;
}

div#member_list table td  a{
	text-decoration:none;
}








/*─ entry permanent ─────────────────────────────────*/


div#E_wrap{
	/* don't touch */
}

div#E_header{
	/* don't touch */
}

div.E_block{
	/* don't touch */
}

h2#E_header_title{
	/* don't touch */
}

p#E_header_description{
	/* don't touch */
}

div#E_buttons{
	/* don't touch */
}

input#E_button_start{
	/* don't touch */
}
input#E_button_stop{
	/* don't touch */
}
input#E_button_delete{
	/* don't touch */
}

div#E_menu{
	/* don't touch */
}

div#E_comments{
	/* don't touch */
}


div#E_wrap h2{
	margin:0 5px 10px 5px;
	padding:5px;
	font-size: 18px;
	font-weight: bold;
	color:#4d4d4d;
}

div#E_wrap h2 a{
	text-decoration: none;
}
div#E_wrap h2 a:hover{
	text-decoration: none;
}


div#E_wrap p.description{
	color: #4d4d4d;
	padding:0 15px;
}
div#E_wrap div.entry_items{
	color: #333;
	padding: 0 15px;
}


div#E_wrap h4.entry_subtitle_html{
	font-size: 1.1em;
	font-weight:bold;
	padding: 4px;
}

div.entry_items img{
	border: 1px solid #999999;
}


p.posted_time{
	font-size: 11px;
	margin: 10px 0;
	text-align: right;
}






div#E_wrap h3.entry_comments{
	width: 80%;
	padding: 6px;
	margin-bottom: 20px;
}

div#E_wrap h4.entry_comments_title{
	color:#b9a697;
	font-size:1.2em;
	padding-left:20px;
	float:left;
}

div#E_wrap p.entry_comments_time{
	font-size: 11px;
	margin-left: 2em;
	color:#ccc;
	float: left;
}


div#E_wrap p.entry_comments_body{
	color:#fff;
	font-size: 1em;
	margin-left:3em;
	padding-top: 6px;
	margin-bottom:20px;
	clear: both;
}





div.entry_buttons {
	clear: both;
	margin: 30px 0 30px 0;
	padding: 15px;
	text-align: center;
	background-image: url(/skin/cteam01/img/bg/half2.gif);
	background-color: #ccc;
}






/*─ pager ───────────────────────────────────────*/
ul.pager {
	padding: 5px 10px;
	text-align: right;
	background-image: url(/skin/cteam01/img/bg/half.gif);
	background-color: #fff;
}
ul.pager li {
	display: inline;
	margin: 0 0 0 10px;
}
ul.pager li.current {
	font-weight: bold;
}















/*─ COMMON ───────────────────────────────────────*/
p.toTopLink{
	text-align:right;
	font-size:11px;
}

.button {
/*
	border: 2px solid #fcc;
	background-color: #ec008c;
	height: 26px;
	color:#fff;
*/
	cursor: pointer;
}

.valign-top {
    vertical-align: top;
}
.valign-middle {
    vertical-align: middle;
}
.valign-bottom {
    vertical-align: bottom;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear {
	clear: both;
}
hr.clear{
	display:none;
}


label {
	position: relative;
}

.disabled {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:hover img.over{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


img.bdr{
	border:1px solid  #ccc;
}

a img{
	text-decoration:none;
}
img a{
	text-decoration:none;
}



.fs9px { font-size: 9px; }
.fs10px { font-size: 10px; }
.fs11px { font-size: 11px; }
.fs12px { font-size: 12px; }
.fs14px { font-size: 14px; }
.fs16px { font-size: 16px; }
.fs18px { font-size: 18px; }
.fs20px { font-size: 20px; }
.fs24px { font-size: 24px; }
.fs30px { font-size: 30px; }




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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}