﻿/*
Theme Name: CCI
Description: Wordpress Theme To CCI Corporation
Author: CCI_ADMIN
Version: 1.0
Encoding: UTF-8
*/

@media screen, print{

* {margin:0 ; padding:0}
body{
	margin:5px 0px 0px 5px;
	padding:0px;
	/* background:url(images/bg.gif) repeat-x;*/
	font-family: Verdana, MS Gothic, ＭＳ ゴシック, Osaka, VL Pゴシック, sans-serif;
	color:#161514;
	font-size:13px;
}
img{ border:0; }
a{ color:#FF0000; text-decoration:none; outline:none; }
a:hover{ color:#445666; text-decoration:none }
h1, h2, h3, h4, h5, h6{}
ul{LIST-STYLE-POSITION: outside;LIST-STYLE-TYPE: none;}

.clear { clear:both; }

#main_body { width:900px; margin:0 auto; overflow:hidden;}
#logo{ float:left; margin:6px 0; width:300px;}
/* search  */
#search { height:33px; width:auto; float:right; text-align:right; }
#search form { margin: 0; padding: 0;}
#search fieldset { margin: 0; padding: 0; border: none; }
#search p { margin: 0; font-size: 85%; }

.s { color:#152839; background:url(images/search_border.png) no-repeat; border:0; float: right;
	height: 27px; margin-right:0px; padding-left: 10px; width:160px;}

.searchsubmit {
	background:url(images/search_btn.png) no-repeat;
	border:0;
	color: #000000;
	cursor:pointer;
	float: right;
	font: 14px;
	height:27px;
	width:59px;
}
#search .linking { clear:both;padding-left:10px;}
#search .linking a { color:#000;}
#search .linking a:hover { color:#025dc7; text-decoration:underline;}

#search_res{padding:5px 5px;}
.key, .count{color:blue; font-weight:bold;}
/* top header */
#top{
	display:block;
	margin:0 auto;
	padding:0px;
	font: 12px Tahoma,Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	overflow:hidden;
	width:900px;
}
/* main menu */
#menu{/* background: url("images/menu_table.gif"); */background: url("images/menu_bar.png");
	height:35px;margin: 0 0 4px; padding: 0px 10px; width:900px;}
#menu ul {float: left; list-style: none; margin: 0px; padding: 0px;}
#menu li {float: left; list-style: none; margin: 0px; padding: 0px; font-weight:bold;}
#menu li a, #menu li a:link, #menu li a:visited {
	color: #fff; display: block; font-size:13px; margin: 0px; padding: 9px 15px 10px 15px;
	text-transform: none;}

#menu li a:hover, #menu li a:active {
	background:url(images/menus.png) repeat-x;
	color: #fff;
    margin: 0px;
	text-decoration: none;
}

/*  Content*/
#content { width: 900px; margin-top:3px; padding:0px; }
#content #body{ width:700px; float:left;}
#content #body_other{ width:900px;}

#body .table_top{background:url(images/table_top.gif) no-repeat; height:25px;}
#body .center{background:url(images/table.gif);}
#body .table_bottom{background:url("images/table_bottom.gif"); padding-top:5px; margin-bottom:5px;}
#body .table_top_line{background:url(images/table_top_line.gif) no-repeat; padding-top:5px;}

#body_other .center{background:url(images/table_other.gif);}
#body_other .table_bottom{background:url("images/table_bottom_other.gif"); padding-top:5px; margin-bottom:5px;}
#body_other .table_top_line{background:url(images/table_top_line_other.gif) no-repeat; padding-top:5px;}

#body .pagetitle_bar, #body_other .pagetitle_bar
	{ background:#f5f5f5; border-left:4px solid #fb9010; border-top:1px solid #fb9010;
	height:34px; margin-bottom:6px;}
#body h1, #body_other h1{ font-size:16px; color:#2F2F2F; padding:9px 0px 0px 28px;
	background:url(images/h1.gif) no-repeat 7px 9px;}

#body h1 a, #body_other h1 a{ color:#3D4F5C; }
#body h1 a:hover, #body_other h1 a:hover { color: #888888;}
#content .single{
	overflow: hidden;
	margin:0px 4px 0px 0px;
	padding:0px;
	height:100%;
	color:#152839;
	font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;
	line-height:20px;
}
#content .category{ text-align:right; margin-right:10px; }
#content .category a{ background : url(images/cat.png) no-repeat; padding:0px 0px 0px 15px; color: #445666; }
#content .category a:hover{color:#808080;}

/* User Style for Blogging BY BHJ 2010/10/01 ========================================== */
div.entry {line-height:1.3em;}
div.entry p.spacing{margin-bottom:10px;}
div.entry ul {list-style:disc outside; line-height:1.3em; margin:10px; padding-left:10px;}

div.entry h2, h5{
	background: url(images/h5.png) no-repeat left 10px;
	border-bottom:1px solid silver;
	color: #007;
	padding: 9px 7px 3px 18px;
	text-align: left;
	font-size:11pt;
	margin: 0 0 2px;
}


/* The Title */
.posttitle h2, .searchtitle h2 {
	background : url(images/write.png) no-repeat 0 9px;
	border-bottom:3px double #fb9010;
	border-right:6px solid #fb9010;
	margin:0px 10px 10px 10px;
	padding:5px 0px 1px 20px ;
	font-size:14pt;
	font-weight:bold;
}

.searchtitle li{
	background : url(images/icon_04.png) no-repeat;
	padding:3px 0px 0px 10px;
}
.posttitle a, .searchtitle a{ color:royalblue;}
.posttitle a:hover, .searchtitle a:hover{ color:blue;}


}

@media print{
	#top, #cci_product .prev, #cci_product .next, .wp-pagenavi, #content .category, #footer, #link, #sub_menu, #page_navi, #go_top,.tabs-nav{display:none;}
	#content #body{	width:900px;}

	/* Opera ?o?b?N?C???[?W?? */
	body, #body .pagetitle_bar, #body .table_top_line, #body .center, #body .table_bottom,
	#body_other .pagetitle_bar, #body_other .table_top_line, #body_other .center, #body_other .table_bottom{ background:none; }

	.posttitle h2, .searchtitle h2{border:none;}
}
/*
.single  li a, .single  h2 a:link, .single  h2 a:visited{ color:#44566royalblue; }
.single  li a:hover, .info_title a:hover, .single_all a:hover  { color: #888888; }
*/
.entry{padding:0px 10px 25px 10px; }
.entry a{color:#0066ff;}
.entry a:hover{ color:#85305A; text-decoration:underline; }

/* Page-Navi */
#page_navi {margin-bottom:5px;  padding-left:5px;}
#page_navi a{color:#3D4F5C;text-decoration:underline; }
#page_navi a:hover{color:#808080;}

/* Sub_Menu */
#sub_menu{
	float:left;
	width: 190px;
	height:100%;
	margin:0px 10px 5px 0px;
	padding:0px 0px 0px 0px;
}
#sub_menu .parent{
	background:url(images/sub_parent.gif);
	height:25px;
}
#sub_menu h2{
	padding:6px 5px 0px 10px;
	font-size:14px;
}

#sub_menu h2 a { color:blue;}
#sub_menu h2 a:hover { color:black;}
#sub_menu .sub_menu_top 	{ background:url(images/sub_table_top.gif)  no-repeat; padding-top:5px; }
#sub_menu .sub_menu_bottom	{ /* background:url(images/sub_table_bottom.gif) no-repeat; */ padding-top:5px; margin-bottom:5px;}

#sub_menu ul{ /* background:url(images/sub_table.gif) #5d88ae;*/ }
#sub_menu ul li{ /* border-top:1px solid silver; */
	border:1px solid silver;
	border-bottom:1px solid silver; border-top:0;}

#sub_menu ul li li{border:none;border-top:1px solid silver; }
#sub_menu ul ul{ font-weight:normal; padding:0px 0px 0px 0px;}
#sub_menu ul ul ul{border-top:none;}
#sub_menu li a      { color:royalblue; display:block;padding:3px 0px 2px 10px;}
#sub_menu li a:hover{ color:blue; background:#ececf6;}

#sub_menu li li a{
	position:static;
	padding:2px 0px 2px 15px;
}
#sub_menu li li li a{
	position:static;
	display:block;
	padding:0px 0px 0px 30px;
	background:url(images/child_arrow.gif) no-repeat;
	background-position:12px 2px;
}
#sub_menu li li li li a{
	position:static;
	padding:0px 0px 0px 40px;
	background:url(images/child_arrow.gif) no-repeat;
	background-position:22px 2px;
}
#sub_menu li.current_page_item {
	font-weight:bold;
}

#sub_menu li li.current_page_item {
	font-weight:bold;
	background:url(images/check.png) no-repeat 2px 3px;
}

#sub_menu li li.current_page_item a:hover{
	background:url(images/check.png) no-repeat 2px 3px #ececf6;
}

#sub_menu .current_page_item li { font-weight:normal;}

#sub_menu li li.current_page_parent{background:none;}
#sub_menu li a.opened {background:url(images/sub_menu_opened.gif) no-repeat; background-position:165px 0px;}
#sub_menu li a.closed {background:url(images/sub_menu_closed.gif) no-repeat; background-position:165px 0px;}
#sub_menu li a.opened:hover {background:url(images/sub_menu_opened.gif) no-repeat #ececf6; background-position:165px 0px;}
#sub_menu li a.closed:hover {background:url(images/sub_menu_closed.gif) no-repeat #ececf6; background-position:165px 0px;}

/* Category right-side */
#category { width:180px; float:left; margin: 0px 0px 5px 20px; }
#category .category_top   { background:url(images/link_parent.gif); height:25px; }
#category .category_bottom{ background:url(images/link_table_bottom.gif) no-repeat; padding-top:5px;
	margin-bottom:5px;}

/* sidebar-Link */
#category .table_top{ background:url(images/link_table_top.gif) no-repeat; padding-top:5px;}
#category .table_center{ border-left:1px solid black; border-right:1px solid black;}
#category .table_bottom{ background:url(images/link_table_bottom.gif) no-repeat; padding-top:5px;}

#category h2{ padding:6px 5px 0px 10px; font-size:14px; }
#category ul{ background: #f0f0f0; border-left:1px solid black; border-right:1px solid black; }
#category ul.product li a {padding-left:7px;}
#category li a      { color:royalblue; padding:2px 10px 2px 10px; display:block; }
#category li a:hover{ color:black; background:#909090;}
#category p{ color:#000; padding:3px 0px 0px 10px; display:block;}

/* --- 会社 PR用 Company PR --- */
#companyPR { border-bottom: 0 solid gray; color:transparent;margin-bottom:12px;}
#companyPR ul{ list-style:none;float:left;magin:0;padding:0;}
#companyPR  ul img{ border: 1px solid silver; margin:0 auto;padding:1px;}

/* --- FOOTER --- */
#footer {background:url(images/silver.png) #f0f0f0; color:gray;
	font-family: Arial, Verdana, MS Gothic, ＭＳ ゴシック, Osaka, sans-serif; font-size:9pt;
	font-weight:normal; height:28px; margin:5px 0px 12px; padding:0; width:900px;}
#footer .footer_top{/* background:url(images/footer_table_top.gif) no-repeat;*/
	border-top:2px solid #ddd; padding-top:5px;}
#footer .footer_body{/* background:url(images/footer_table.gif);*/}
#footer .footer_bottom{/* background:url(images/footer_table_bottom.gif) no-repeat;*/ padding-top:5px;}

#footer .footer_cci{float:left; width:450px;}
#footer .copyright{float:right; text-align:right;}

#footer .img{ width:185px; float:left; padding-left:5px;}
#footer li { margin:0 0 0 15px;}
#footer li span { padding-left:90px; margin-right:0px;}
#footer li span.tokyo { padding-left:20px;}

#footer a:link , #footer a:visited{ color:royalblue;}
#footer a:hover { color:blue; text-decoration:underline; }

/* The Navigation */
#navigation{
	overflow: hidden;
	margin:5px 5px 0px 5px;
	padding:5px 0px;
}

/* Lf 改行の代わり */
*.br {display:block;height:1.3em;text-indent:-1000px}
div.entry blockquote {padding-left:24px;}
/* table 境界線 スタイル */
.entry table{background:#fff;border:1px solid #000;border-width:2px;border-collapse:collapse;margin:0px 0 10px;}
.entry th,.entry td{border:1px solid #000;padding:3px 10px;text-align:left;vertical-align:top;}
.entry tr.even td{background:#6cc;}
.entry th {background:#ccc;}

