@charset "utf-8";

/* 
Theme Name: 株式会社千代田ラフト
Description: 全ページのスタイル
Version: 1.0
Author: 株式会社新日本コンピュータサービス
*/

/* ===================================================================
CSS information
 file name  :  style.css
=================================================================== */


/* リセット
----------------------------------------------------------- */

html {
	overflow-y: scroll;
	background: #3B3B3B;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

/* IEなどに引用符を自動でつける */
q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}

hr {
	display: none;
	clear: both;
}

/* body基本設定
----------------------------------------------------------- */

body {
	background: #C0C0C0 url(image/bg.gif) repeat-x top;
	color: #333;
	font-size: 84%;
	font-family: Sans-Serif;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.5;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* リンク
----------------------------------------------------------- */

a:link {
	color: #F25906;
	text-decoration: none;
}

a:visited {
	color: #D74202;
	text-decoration: none;
}

a:hover {
	color: #393;
	text-decoration: underline;
}

a:active {
	color: #393;
	text-decoration: none;
}



/* ヘッダー　#header
----------------------------------------------------------- */

#header_bg {
	background: url(image/bg_header.gif) no-repeat top;
	zoom: 1;
}


#header {
	width: 800px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
}


#header_set {
	padding: 8px 15px;
	text-align: left;
}

#header_set img {
	padding: 5px;
	vertical-align: middle;
}


#header_rogo {
	width: 500px;
	margin-right: 10px;
	float: left;
}

#header_tel {
	width: 180px;
	float: right;
	text-align: right;
}



/* グローバルナビゲーション　#g_navi
----------------------------------------------------------- */

#g_navi_bg {
	background: url(image/g_menu.gif) repeat-x top;
	height: 37px;
	zoom: 1;
	line-height: 0;	
}


#g_navi {
	width: 800px;
	height: 37px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
}


#g_navi li {
	float: left;
	list-style-type: none;
	zoom: 1;
}
.txt_line_none {
	text-decoration: none;
}


/* パンくずナビ　#bread
----------------------------------------------------------- */

#bread {
	background: #EAEAEA;
	text-align: left;
	margin-bottom: 10px;
	padding: 3px 10px;
	font-size: 70%;
}


/* フッター　#footer
----------------------------------------------------------- */

#footer_bg {
	background: #C0C0C0;
}


#footer {
	width: 800px;
	background: #E6E6E6 url(image/bg_footerbox.gif) repeat-y center;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-top: 15px solid #E6E6E6;
	border-bottom: 15px solid #E6E6E6;
}


#footerbox {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 15px;
}

#footerbox ul,#footerbox p {
	padding: 10px;
	text-align: left;
	list-style-type: none;
}


#footerbox01 {
	float: left;
	width: 250px;
	text-align: left;
	margin-right: 10px;
	list-style-type: none;
}

#footerbox02 {
	float: left;
	width: 250px;
	text-align: left;
	list-style-type: none;
}

#footerbox03 {
	float: right;
	width: 250px;
	text-align: left;
	list-style-type: none;
}

#footerbox03 li {
	background: url(image/icon_square.gif) no-repeat left 0.4em;
	padding-left: 20px;
	zoom: 1;
}

/* コピーライト　-------------------------------------------- */

#copyright {
	text-align: center;
	background: #3B3B3B url(image/footer_bg.gif) repeat-x center;
	color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 84%;
	letter-spacing: 0.1em;
	border-top: 1px solid #272727;
	border-bottom: 1px solid #272727;
	zoom: 1;
	clear: both;
}

/* 全体　#wrapper
----------------------------------------------------------- */


#wrap {
	width: 820px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}



#contents_bg {
	background: url(image/bg_contents.gif) no-repeat center top;
	padding-top: 10px;
	zoom: 1;
	margin-top: 0px;
}


#contents_menubg {
	background: #FFF url(image/bg_mein_02.gif) repeat-y;
	width: 800px;
	text-align: center;
	zoom: 1;
	margin: 0px auto;
}

/* トップページのみのコンテンツ背景 */
#contents_menubg_top {
	background: #FFF;
	width: 800px;
	text-align: center;
	zoom: 1;
	margin: 0px auto;
}

#contents {
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
}


/* 右側　#main
-------------------------------------------------------------------- */


#main {
	background: #FFF;
	width: 575px;
	text-align: left;
	float: right;
}

.honbun {
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}

.honbun ul {
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 15px;
}

.honbun ol {
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 15px;
}

.honbun dl {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.honbun p {
	margin-top: 10px;
	margin-bottom: 10px;
}


/* 左側　#sub　-------------------------------------------- */


#sub {
	background: #333;
	width: 180px;
	text-align: left;
	float: left;
	color: #FFF;
}


#sub ul {
	color: #FFF;
	list-style-type: none;
}


#category_title {
	vertical-align: bottom;
}



#sub .sub_menu01 li {
	background: #5c5c5c url(image/menu_bg_01.gif) repeat-x left top;
	border-bottom: 1px solid #333;
	padding: 5px 10px 5px 10px;
	zoom: 1;
}

#sub .sub_menu01 li a {
	background: url(image/icon_yajirushi_02.gif) no-repeat left 0.5em;
	padding-left: 10px;
	display:block;
	color: #FFF;
	line-height: 1.5;
	zoom: 1;
}


#sub .sub_menu02 {
	margin-top: 5px;
	margin-bottom: 5px;
	background: #333;
}


#sub .sub_menu02 li {
	padding-right: 10px;
	padding: 2px 10px 2px 20px;
}


#sub .sub_menu02 li a{
	background: url(image/icon_dot.gif) no-repeat left 0.7em;
	padding-left: 10px;
	display:block;
	color: #CCC;
	line-height: 1.5;
	zoom: 1;
}


/* ページの先頭へ
-------------------------------------------------------------------- */

.pageup {
	clear: both;
	text-align: right;
	margin-top: 10px;
	padding-bottom: 10px;
}


/* 回り込み
-------------------------------------------------------------------- */

.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 */



/* フロート
-------------------------------------------------------------------- */

.clear {
    clear: both; 
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}


/* 見出し
-------------------------------------------------------------------- */

#allcontents_home h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#allcontents_home h2 {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#allcontents_page h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#allcontents_page h2 {
	font-size: 1.1em;
	color: #464646;
	background: #FFF url(image/h1_bg.gif) no-repeat left center;
	padding: 10px 15px 10px 26px;
	zoom: 1;
	margin: 0px 0px 15px;
	border: 1px solid #CCC;
	text-align: left;
}


#allcontents_page h3 {
	font-size: 1em;
	color: #464646;
	background: #FFF url(image/h2_bg.gif) repeat-x left top;
	zoom: 1;
	margin: 0px 0px 15px;
	padding: 8px 10px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #F90;
	text-align: left;
}


#allcontents_page h4 {
	zoom: 1;
	margin-bottom: 10px;
	padding: 0px 0px 0px 15px;
	color: #EB4D0E;
	background: url(image/icon_dia_02_orange.gif) no-repeat 3px top;
	text-align: left;
}

#allcontents_page h5 {
	background: url(image/icon_dot.gif) no-repeat 5px 0.7em;
	zoom: 1;
	margin-bottom: 10px;
	padding: 0px 0px 0px 15px;
	color: #EB4D0E;
	text-align: left;
}


/* センタリング
-------------------------------------------------------------------- */

.txt_right {
	text-align: right;
}


/* リスト・アイコン
-------------------------------------------------------------------- */

.list_none {
	list-style-type: none;
}


.list_disc {
	list-style-type: disc;
	margin-left: 15px;
}

.icon_mark {
	list-style-type: none;
	background: url(image/icon_square.gif) no-repeat left 0.4em;
	padding-left: 10px;
	zoom: 1;
}


.icon_square {
	list-style-type: none;
	background: url(image/icon_square.gif) no-repeat left 0.4em;
	padding-left: 20px;
	zoom: 1;
}

.ico_mini_li {
	zoom: 1;
	list-style-type: none;
	margin-bottom: 2px;
	margin-left: 15px;
	list-style-image: url(image/icon_mini_li.gif);
}

.ico_mini_li_02 {
	background: url(image/icon_dot.gif) no-repeat left 0.7em;
	padding-left: 10px;
	zoom: 1;
	list-style-type: none;
}

.ico_li_h {
	zoom: 1;
	list-style-type: none;
	margin-bottom: 2px;
	margin-left: 30px;
	list-style-image: url(image/icon_dia_02_orange.gif);
	color: #EB4D0E;
	font-weight: bold;
}


/* 文字装飾
-------------------------------------------------------------------- */

.txt_orange {
	color: #EB4D0E;
}

.txt_red{
	color: #E80000;
}

.txt_mini {
	font-size: 80%;
}


.txt_center {
	text-align: center;
}

.txt_underline {
	color: #EB4D0E;
	background: url(image/bg_hasen.gif) repeat-x bottom;
}




/* マージン
-------------------------------------------------------------------- */

.margin_0 {
	margin: 0px;
}

#form_margin_0 {
	margin: 0px;
}

.margin_right_30 {
	margin-right: 30px;
}

.margin_left_10 {
	margin-left: 10px;
}

.margin_left_20 {
	margin-left: 20px;
}

.margin_top_10 {
	margin-top: 10px;
}

.margin_bottom_5 {
	margin-bottom: 5px;
}

.margin_bottom_10 {
	margin-bottom: 10px;
}

.padding_all_10 {
	padding: 10px;
}

.margin_all_2 {
	padding: 2px;
}

.margin400 {
	margin-bottom: 400px;
}


/* トピックスページ
-------------------------------------------------------------------- */
.topics_day {
	margin-bottom: 5px;
	color: #EB4D0E;
	background: url(image/bg_hasen.gif) repeat-x bottom;
	font-weight: normal;
	zoom: 1;
}

#topics ul {
	padding: 0px;
	margin: 10px;
}

#topics li {
	background: url(image/icon_dot.gif) no-repeat left 0.5em;
	padding-left: 10px;
	list-style-type: none;
	zoom: 1;
}


/* トップページのトピックス
-------------------------------------------------------------------- */
.top_topics {
	background: #FFF url(image/h2_top_bg.gif) no-repeat top;
	float: left;
	width: 380px;
	list-style-type: none;
	zoom: 1;
}

.top_topics p {
	padding: 5px 5px 0px 8px;
	margin: 0px;
}


.top_topics ul {
	padding: 0px 5px 2px 10px;
	margin: 0px;
}

.top_topics li {
	background: url(image/icon_dot.gif) no-repeat left 0.5em;
	padding-left: 15px;
	list-style-type: none;
	margin: 0px;
	zoom: 1;
	line-heght: 1.3;
}



/* トップページ・おすすめ　（スクロールするDIV）
-------------------------------------------------------------------- */

.scroll {
	padding: 5px;
	height: 150px;
	overflow: auto;
}


.osusume {
	background: #FFF url(image/h2_top_bg.gif) no-repeat top;
	float: right;
	width: 380px;
}


.osusume_txt {
	float: right;
}

.osusume_img {
	float: left;
	margin-right: 10px;
}



.w770 {
	width: 770px;
	margin-bottom: 15px;
	text-align: left;
}


/* リンク集のリスト
-------------------------------------------------------------------- */

#links li {
	zoom: 1;
	list-style-type: none;
	margin-bottom: 2px;
	margin-left: 15px;
	list-style-image: url(image/icon_mini_li.gif);
}

/* テーブル
-------------------------------------------------------------------- */

table {
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px auto;
	font-size: 1em;
	width: 94%; /* for IE5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%; /* for Modern browsers */
}

table th {
	padding: 3px 5px;
	border: #999 solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	background-color: #F0F0F0;
	vertical-align: top;
}

table td {
	padding: 3px 5px;
	border: 1px #999 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}

.bg_th {
	background: #F9FDEA;
}



.w10 {
	width: 10%;
}

.w15 {
	width: 15%;
}

.w20 {
	width: 20%;
}

.w25 {
	width: 25%;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}



/* 枠線なしテーブル（お問い合わせフォーム専用）
-------------------------------------------------------------------- */

#linenone table {
	margin: 15px auto;
	font-size: 1em;
	width: 94%; /* for IE5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
	border: 0px;
}

#linenone table tr {
	border: #FFF;
}

#linenone table th {
	padding: 10px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	border: 4px solid #FFF;
}

#linenone table td {
	padding: 5px;
	text-align: left;
	border: #FFF;
}

/* 枠線なしテーブル（一般）
-------------------------------------------------------------------- */

.line_none {
	border: 0;
}

.line_none table {
	border: 0;
}

.line_none th {
	border: 0;
}

.line_none tr {
	border: 0;
}

.line_none td {
	border: 0;
}




/* スタッフ通信、制作ニュース用
-------------------------------------------------------------------- */

/* 背景をストライプに */

.kakomi {
	padding: 10px;
	background: #EFEFEF url(image/bg_stripe.gif);
	clear: both; 
}


/* 日付の背景色 */

#staff_date {
	background: #F3F3F3;
	text-align: right;
	padding: 2px 5px;
	margin-bottom: 10px;
}

/* Pの余白 */

#staff p {
	margin-bottom: 15px;
}


#staff img {
	margin: 5px;
}

/* レイアウト用枠線なしtableがデフォルト */

#staff table {
	border: 0;
	vertical-align: top;
	margin-top: 0px;
}

#staff tr{
	border: 0;
	vertical-align: top;
}

#staff th{
	border: 0;
	vertical-align: top;
}

#staff td{
	border: 0;
	vertical-align: top;
}

/* 枠線ありtable（スタッフ通信と制作ニュース専用）表を#border_areで包んでください */

.border_are {
	padding: 3px 5px;
	border: 1px #999 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}
.border_are table {
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px auto;
	font-size: 1em;
	width: 94%; /* for IE5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%; /* for Modern browsers */
}

.border_area th {
	padding: 3px 5px;
	border: #999 solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	background-color: #F0F0F0;
	vertical-align: top;
}

.border_area td {
	padding: 3px 5px;
	border: 1px #999 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}


.float_left02 {
	margin: 0px 10px 10px 0px;
	float: left;
}
.float_right02 {
	margin: 0px 0px 10px 10px;
	float: right;
}

/* おすすめ用枠線なしtableがデフォルト */

#osusume_t  {
	border: 0;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 350px; /* for IE5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px; /* for Modern browsers */
}

#osusume_t table {
	border: 0;
	vertical-align: top;
	margin-top: 0px;
}

#osusume_t tr{
	border: 0;
	vertical-align: top;
}

#osusume_t th{
	border: 0;
	vertical-align: top;
}

#osusume_t td{
	border: 0;
	vertical-align: top;
}




/* single 【post01】
-------------------------------------------------------------------- */

#post01 {
	clear: both;
}

#post01 .date {
	background: #F3F3F3;
	text-align: right;
	padding: 2px 5px;
	margin-bottom: 10px;
}


/* その他
-------------------------------------------------------------------- */

.adobe {
	vertical-align: middle;
	margin-right: 10px;
}

.bg_stripe {
	background: #F5F5F5 url(image/bg_stripe.gif);
	padding-bottom: 10px;
}

.column {
	margin: 15px;
	padding: 10px;
	border: 1px solid #F86A01;
}


.prev_page {
	margin: 15px;
	padding: 3px 10px;
}


.next_page {
	margin: 15px;
	padding: 3px 10px;
}

.wp-caption p {
	margin: 0px 0px 5px 0px;
	padding: 0px 5px;
	line-height: 1.5;
	font-size: 80%;
}


/* 画像defaultテーマ指定
-------------------------------------------------------------------- */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}