@charset "UTF-8";
@import "doc.css";

/*─ body ──────────────────────────────────*/
body {
	/*background-color: #666;*/
	color: #555555;
	font: 11px/1.231 Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif,'Osaka';
	*font-size:small;
	*font: x-small;
	line-height: 1.5em;
	text-align: center;
}
table{
	font-size:inherit;
	font:100%;
}
pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
a {
	color:#333;
	text-decoration: underline;
}
a:hover {
	color:#e2007e;
	text-decoration: underline;
}
.clear {
	clear: both;
}
.small {
	font-size: 0.8em;
}

.adjust_950 {
	width: 950px;
	margin: 0 auto;
}

ul li{
	list-style: url(../img/common/mark_arrow01.gif);
}


/*─ wrapper ──────────────────────────────────*/
#wrapper {
	/*width: 950px;*/
	margin: -1px auto 0 auto;
	text-align: center;
	border-top: 1px solid #ddd;
}

/*─ header ──────────────────────────────────*/
#header {
	background:#999;
	/*margin-bottom:20px;*/
	padding:16px 20px;
	text-align: center;
	height: 48px;
	
	/*border-bottom-right-radius:6px;*/
	/*border-bottom-left-radius:6px;*/
	/*-webkit-border-bottom-right-radius:6px;*/
	/*-webkit-border-bottom-left-radius:6px;*/
	/*-moz-border-radius-bottomright:6px;*/
	/*-moz-border-radius-bottomleft:6px;*/
}
#header_id {
	float: left;
	text-align: left;
}
#header_id h1 {
	margin: 0;
	_float:left;
	overflow: hidden;
}


#header_id h1 a {
	color: #000000;
	text-decoration: none;
}
#header_id h1 a:hover {
	color: #ffffff;
	text-decoration: none;
}
#header_id p {
	margin: 0 0 8px 0;
	font-size: 11px;
	color:#efefef;
}
#header ul {
	list-style-type: none;
}
#header ul li {
	display: inline;
}

#header ul li a {
	color: #333333;
	text-decoration: none;
}
#header ul li a:hover {
	text-decoration: underline;
}

#header_menu {
	display: inline;
	float: right;
	text-align: left;
	margin-bottom:15px;
}
#header_menu ul li a.button {
	text-decoration: none;
}

/*─ menu ──────────────────────────────────*/
#gNavi {
	clear:both;
	text-align: left;
}
#gNavi ul {
}
#gNavi ul li {
	font-size:11px;
	display: inline;
	float: left;
	background-color: #fff;
	margin-left: -1px;
	width: 191px;
}
#gNavi ul li a {
	text-align: center;
	color: #777;
	letter-spacing: 1px;
	text-decoration: none;
	border-width: 0px 1px 4px 1px;
	border-style: solid;
	border-color: #ddd;
	padding: 6px 20px;
	display: block;
}
#gNavi ul li a:hover{
	color: #333;
	border-bottom: 4px solid #333;
	border-left: 1px solid #333;
}
#gNavi ul li a.active {
	color: #fff;
	border-bottom: 4px solid #333;
	border-left: 1px solid #333;
	background-color: #333;
}
#gNavi ul li a.focus {
	color: #ffffff;
	background-color: #aaaaaa;
	border-top: 2px solid #aaaaaa;
	border-right: 4px solid #aaaaaa;
	border-bottom: 4px solid #aaaaaa;
	border-left: 4px solid #aaaaaa;
}

#submenu {
	clear: both;
	text-align: left;
	background-color: #aaaaaa;
	padding: 3px 8px 3px 8px;
	margin: 0;
}
#submenu ul {
}
#submenu ul li {
	font-size:10px;
	display: inline;
	margin-right:2.5em;
	float: left;
}
#submenu ul li a {
	text-align: center;
	color: #333333;
	letter-spacing: 1px;
	text-decoration: none;
}
#submenu ul li a:hover {
	color: #000000;
	text-decoration: underline;
}
#submenu ul li a.focus {
	color: #ffffff;
}


/*─ container ───────────────────────────────*/

div#container{
	text-align:left;
	/*background:#999;*/
	padding:16px 0px;
	border-radius:8px;
	/*-webkit-border-radius:6px;*/
	/*-moz-border-radius:6px;*/
	width: 950px;
	margin: 0 auto;
}





/* ─ footer ────────────────────────────────── */
#footer {
	clear: both;
	overflow: hidden;
	padding-top: 16px;
	padding-bottom: 16px;
	background: #666;
	/* font-size: 0.8em; */
	font-size: 10px;
}

#footer ul {
	text-align: center;
	list-style-type: none;
}
#footer ul li {
	display: inline;
	padding: 0 4px;
	border-left: 1px solid #cccccc;
}
#footer ul li.footer_head {
	border: 0;
}
#footer ul li.footer_logo{
	border:none;
	padding: 0;
	margin-right: 30px;
}
#footer ul li a {
	color: #fff;
}

#footer ul li.mtl_logo{
	border: 0;
	padding: 0;
	margin-left: 30px;
}

#footer ul li img{
	vertical-align: text-bottom;
}






/*─ column ───────────────────────────────*/

div#mainColumn {
	float: left;
	width: 640px;
}
div#sideColumn {
	float: right;
	width: 250px;
	margin-left:20px;
}
div#singleColumn{
	width:950px;
	margin:0 auto;
}

div#mainColumn .contents ,
div#singleColumn .contents{
	background-color: #ffffff;
	padding:8px 25px;
	margin: 0 0 18px 0;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}




/*─ main ───────────────────────────────*/

#mainColumn h2 ,
#singleColumn h2{
	background:url(../img/common/h2_border.gif) no-repeat left bottom;
	background-color: #fff;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: 1px;
	clear:both;
	margin-top: 16px;
}
div#singleColumn h2{
	background:url(../img/common/h2_border_950.gif) no-repeat left bottom;
}
#mainColumn h2 .eyeCatch,
#singleColumn h2 .eyeCatch{
	display: block;
	background:url(../img/common/gear.gif) no-repeat left center;
	width: 16px;
	height: 32px;
	float: left;
	margin-right: 4px;
}

#mainColumn .contents .more {
	text-align: right;
	/*
	margin-bottom: -7px;
	margin-right: -5px;
	*/
}
#mainColumn .contents .more a {
	padding-left: 3px;
}
#mainColumn .contents ul li {
/*
	list-style-type: none;
*/
}
#mainColumn .contents ul li {
	margin: 0 0 4px 0;
	padding: 0;
}

/*─ side ───────────────────────────────*/
#sideColumn .border{
	border:1px solid #333;
	_width: 228px;
}
#sideColumn .contents{
	margin-top: 16px;
	/*
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow: 0px 2px 1px #666666;
	-moz-box-shadow: 0px 2px 1px #666666;
	box-shadow 0px 2px 1px #666666;
	*/
}
#sideColumn .padding10{
	padding: 10px;
}
#sideColumn .contents h2{
	background:url(../img/common/side_header.gif) no-repeat left bottom;
	padding:0 10px;
	color: #ffffff;
	font-size: 14px;
	line-height: 32px;
}
#sideColumn .contents h2 a{
	color: #ffffff;
}
#sideColumn .contents h2 a:hover{
	color: #ffffff;
	text-decoration: underline;
}
#sideColumn .contents .inner{
	padding:6px 10px;
}

#sideColumn .contents input{
	color:#ffffff;
	background:#eee url(../img/button/btn_input.png) no-repeat 0 0;
	border:none;
	width:184px;
	margin: 0 auto;
	display:block;
	height:32px;
	line-height:32px;
	font-size:12px;
}
#sideColumn .contents input:hover{
	cursor:pointer;
	background:#eee url(../img/button/btn_input_over.png) no-repeat 0 0;
}
#sideColumn .contents input.red{
	background:#eee url(../img/button/btn_input_red.gif) no-repeat 0 0;
	height:24px;
	line-height:24px;
}
#sideColumn .contents input.red:hover{
	background:#eee url(../img/button/btn_input_red_over.gif) no-repeat 0 0;
}

.memo{
	font-size:11px;
}





.banner {
	margin-bottom:16px;
}



/*─ entry ──────────────────────────────────*/
#container #mainColumn .entry {
	padding: 0px 16px 10px 16px;
}
	/*-
#container #mainColumn .entry h3 {

	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0 0 10px 0;
 
}
-*/
/*-
#container #mainColumn .entry h4 {
	color: #555555;
	letter-spacing: 1px;
	font-weight: bold;

}
-*/
#container #mainColumn .entry h5 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin: 16px 0 10px 0;
	padding: 0;
}
#container #mainColumn .entry .entry_buttons {
	clear: both;
	margin: 50px 0 40px 0;
	text-align: center;
}
#container #mainColumn .entry .entry_buttons a{
	margin-right: 5px;
}
#container #mainColumn .entry .entry_buttons img {
	cursor: pointer;
}

#container #mainColumn div.comments {
	width:560px;
	margin: 0 auto 10px auto;
	padding-top: 16px;
}

#container #mainColumn .comments ol {
	font-size:20px;
	color:#555555;
	list-style-position:outside;
	padding-left:2em;
}
#container #mainColumn .comments ol li {
	border-bottom:1px solid #999999;
	margin-bottom:16px;
	padding-bottom:16px;
}
#container #mainColumn .comments ol li p.comments_title {
	font-weight: bold;
	margin-bottom: 5px;
}

#container #mainColumn .comments ol li p.comments_title,
#container #mainColumn .comments ol li p.comments_body{
	font-size:12px;
	color:#7c7c7c;
}

#container #mainColumn .comments ol li p.comments_time{
	margin-top:1em;
	font-size:11px;
}
#container #mainColumn .comments ol li p.comments_mine{

}

#container #mainColumn .comments ol li p a{
	color:#555555;
}
#container #mainColumn .comments ol li p a:hover{
	color:#e2007e;
}





/*─ entry_list ──────────────────────────────────*/
#container #mainColumn .entry_list {
	padding: 16px 20px;
}

#mainColumn h2 a{
	color:#222222:;
	/*
	font-size: 14px;
	font-weight: bold;
	*/
	/*line-height: 18px;*/
	letter-spacing: 1px;
}

#mainColumn .entry_list h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0 10px 0;
}
#mainColumn .entry_list h3 a {
	color: #333;
	font-weight: bold;
}
#mainColumn .entry_list h3 a:hover {
	color:#e2007e;
}


div.entry_list_wrap{
	border-bottom:1px solid #999999;
	padding-bottom:10px;
	margin-bottom:30px;
	
}

div.news_list_wrap{
	border-bottom:1px solid #999999;
	padding-bottom:10px;
	margin-bottom:10px;
	
}

p.entry_detail{
	margin-top:10px;
}
p.entry_detail span.date{
	display:block;
	font-size:11px;
	color:#555555;
	float:left;
}
p.entry_detail span.date a {
	color:#555555;
	text-decoration: none;
}
p.entry_detail span.date a:hover {
	color:#e2007e;
	text-decoration: underline;
}
p.entry_detail span.more{
	display:block;
	float:right;
}

p.entry_detail span.more a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
 	opacity:0.8;
}





/*─ member_list ──────────────────────────────────*/
body.member_list{}

body.member_list h2{
}
body.member_list h2 p{
	float:right;
}

body.member_list table.member_list{
	clear:both;
	margin-bottom:30px;
	padding:16px 20px;
}


body.member_list table.member_list td{
	width: 100px;
	padding:16px 0 0 20px; 
}
body.member_list table.member_list td img{
	border:1px solid #ccc;
}







/*─ pager ──────────────────────────────────*/
#container .left .pager {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}
#container .left .pager ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#container .left .pager ul li {
	margin: 0;
	padding: 0 0 0 8px;
	display: inline;
}
#container .left .pager ul li img {
	position: relative;
	top: 3px;
}



/*─ pager ──────────────────────────────────*/
#mainColumn .contents .pager {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}
#mainColumn .contents .pager ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainColumn .contents .pager ul li {
	margin: 0;
	padding: 0 0 0 8px;
	display: inline;
}
#mainColumn .contents .pager ul li img {
	position: relative;
	top: 3px;
}

/*─ button ──────────────────────────*/

a.button {
    background: transparent url(../img/button/btn_tail.png) no-repeat top right;
    color: #ffffff;
    display: block;
    float: left;
    font-size:12px;
    height: 32px;
    padding-right:12px;
    text-decoration:none;
}
a.button span {
    background: transparent url(../img/button/btn_head.png) no-repeat top left;
    color:#fff;
    display: block;
    line-height: 32px;
    padding-left:12px;
    height: 32px;
    text-decoration:none;
    _width: 120px;
    _text-align: center;
}
a.button:hover {
    background: transparent url(../img/button/btn_tail_over.png) no-repeat top right;
    text-decoration:none;
}
a.button:hover span {
    background: transparent url(../img/button/btn_head_over.png) no-repeat top left;
    text-decoration:none;
}
a.button span img{
    vertical-align:middle;
}

#header a.button{
	margin-left:20px;
}

/*
#mainColumn a.button,
#singleColumn a.button{
	background: transparent url(/skin/cdc/img/button/btn_tail2.jpg) no-repeat top right;
}
#mainColumn a.button span,
#singleColumn a.button span{
	background: transparent url(/skin/cdc/img/button/btn_head2.jpg) no-repeat;
}
*/







p.pagetop{
	text-align:right;
}

.text-cdc{
	color:#e2007e;
}



/* CLEARfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*─ about ──────────────────────────────────*/

#about_body{
	width:540px;
	margin-left:20px;
	margin-right:20px;
}
.about_title{
	color: #E4007F;
	font-size:18px;
	background: transparent url(../img/about/cdc_title.gif) no-repeat;
	line-height: 35px;
	padding-left:35px;
	margin-bottom:10px;
	margin-top:15px;
	}
.l{
	color: #333;
	font-size:16px;
	line-height: 24px;
	margin-bottom:10px;
	margin-top:16px;
	border-bottom: 1px solid #333;
}
.b{
	font-size:16px;
	margin-top:10px;
	font-weight: bold;
	color: #EC008C;
}
.s_1{	color: #666;
	font-size:15px;
	background: transparent url(../img/about/cdc_btn_1.gif) no-repeat;
	line-height: 25px;
	padding-left:30px;
	margin-top:10px;
	font-weight: bold;
}
.s_2{	color: #666;
	font-size:15px;
	background: transparent url(../img/about/cdc_btn_2.gif) no-repeat;
	line-height: 25px;
	padding-left:30px;
	margin-top: 10px;
	font-weight: bold;
}
.s_3{	color: #666;
	font-size:15px;
	background: transparent url(../img/about/cdc_btn_3.gif) no-repeat;
	line-height: 25px;
	padding-left:30px;
	margin-top: 10px;
	font-weight: bold;
}
.s_4{	
	color: #666;
	font-size:15px;
	background: transparent url(../img/about/cdc_btn_4.gif) no-repeat;
	line-height: 25px;
	padding-left:30px;
	margin-top: 10px;
	font-weight: bold;
}
.s_5{	color: #666;
	font-size:15px;
	background: transparent url(../img/about/cdc_btn_5.gif) no-repeat;
	line-height: 25px;
	padding-left:30px;
	margin-top: 10px;
	font-weight: bold;
}
.s_6{	color: #666;
	font-size:15px;
	background: transparent url(../img/about/cdc_btn_6.gif) no-repeat;
	line-height: 25px;
	padding-left:30px;
	margin-top: 10px;
	font-weight: bold;
}
#about_body.li{
	padding-left:10px;
}
ol{
	margin-left:3em;
}
.chuui{
	color: #E4007F;
}

.pagetop2 {
background:transparent url(../img/common/mz_arrow_02_gotop.gif) no-repeat scroll left top;
padding-left:20px;
text-align:right;
float:right;
margin-top:15px;
color:#666666;
text-decoration:underline;
}

#about_body p{
	padding: 10px;
}

#a_1{
	background:transparent url(../img/about/cap/a_1.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 302px; 
}
#a_2{
	background:transparent url(../img/about/cap/a_2.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 272px; 
}
#a_3{
	background:transparent url(../img/about/cap/a_3.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 272px; 
}
#a_4{
	background:transparent url(../img/about/cap/a_4.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 272px; 
}
#a_5{
	background:transparent url(../img/about/cap/a_5.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 320px; 
}
#a_6{
	background:transparent url(../img/about/cap/a_6.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 272px; 
}
#a_7{
	background:transparent url(../img/about/cap/a_7.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 272px; 
}
#d_1{
	background:transparent url(../img/about/cap/d_1.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 238px; 
}
#d_2{
	background:transparent url(../img/about/cap/d_2.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 816px; 
}
#d_3{
	background:transparent url(../img/about/cap/d_3.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 405px; 
}
#d_4{
	background:transparent url(../img/about/cap/d_4.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 243px; 
}
#d_5{
	background:transparent url(../img/about/cap/d_5.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 295px; 
}
#m_1{
	background:transparent url(../img/about/cap/m_1.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 230px; 
}
#m_2{
	background:transparent url(../img/about/cap/m_2.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 306px; 
}
#m_3{
	background:transparent url(../img/about/cap/m_3.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 748px; 
}
#m_4{
	background:transparent url(../img/about/cap/m_4.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 386px; 
}
#m_5{
	background:transparent url(../img/about/cap/m_5.gif) no-repeat scroll left top;
	height: 300px; 
}
#ss_1{
	background:transparent url(../img/about/cap/ss_1.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 303px;  
}
#ss_2{
	background:transparent url(../img/about/cap/ss_2.gif) no-repeat scroll left top;
	border: 5px solid #999;
	width: 515px;
	height: 287px; 
}

#E_header_title {
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	padding:8px;
	margin: 16px 0;
	border-left: 4px solid #333;
	/*
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	*/
	color: #333;
}

/*
.title-1 h3{

	color: #fff;
	font-size:14px;
	background: transparent url(/skin/cdc/img/about/cdc_title_2.gif) no-repeat;
	line-height: 23px;
	padding-left:10px;
	margin-bottom:10px;
	margin-top:10px;
}
*/

/*─ latest_apps ──────────────────────────────────*/
div.latest_apps{
	width: 200px;
	border-right: 1px solid #787878;
	float: left;
	padding: 0 6px;
	margin-top: 15px;
	text-align: center;
}
div.latest_apps * {
	width: 180px;
	margin: 0 auto;
}
div.no_border{
	border: none;
}
div.latest_apps .thumbnail_wrapper{
	background:url(../img/common/gallery_bg.gif) repeat left top;
	height: 180px;
	margin: 0 auto 8px auto;
	padding: 6px;
}
div.latest_apps h5{
	font-weight: bold;
	text-align: left;
	line-height: 32px;
}
div.latest_apps h5 a{
	font-weight: bold;
}
div.latest_apps p{
	color: #555;
	text-align: left;
	margin-bottom: 7px;
}
div.latest_apps .author{
	text-align: left;
}

div.latest_apps .author img{
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 4px;
}

div.latest_apps .author span{
	font-size: 10px;
	line-height: 32px;
}