@charset "utf-8";
@import "init.css";
/***************************************
file Name: common.css
URI: 
Description: project kumi_fujisawa
Version: 1.0
Author: TETRADESIGIN WORKS
Author URI: http://tetradesignworks.com/
***************************************/

html {
	background-color: #FFFFFF;
	height: 100%;
	text-align: center;
}

body {
	background-color: #FFFFFF;
	height: 100%;
}

/***************************************
	display_box
	ディスプレイボックス
***************************************/
/*
div#display_box {
	background: url(../img/common/bg.jpg) repeat-x left bottom;
	height: 100%;
	margin: 0 auto;
	min-height:100%;
	padding: 0;
	width: auto;
	min-width: 820px;
	text-align: center;
}
body > div#display_box {
	height:auto;
}
*/

/***************************************
	main_box
	メインボックス
***************************************/
div#main_box {
	width: 820px;
	margin: auto;
	padding: 0;
}



/***************************************
	header
	ヘッダー
***************************************/
div#main_box div#header {
	background:url(../img/common/main_img.jpg) no-repeat 0 80px;
	height: 405px;
}

div#main_box div#header h1 {
	padding: 180px 0 157px;	
}

/* グローバルメニュー */
div#main_box ul#g_menu {
	height: 15px;
	margin: 0 0 20px 0;
}
div#main_box ul#g_menu li {
	display: inline;
}
div#main_box ul#g_menu li a {
	display: block;
	float:left;
	height: 12px;
	width: 70px;
	text-indent: -9999px;
	overflow: hidden;
}

div#main_box ul#g_menu li.g_home a { background: url(../img/common/g_menu_home.gif) no-repeat left top; }
div#main_box ul#g_menu li.g_prof a { background: url(../img/common/g_menu_prof.gif) no-repeat left top; }
div#main_box ul#g_menu li.g_lead a { background: url(../img/common/g_menu_lead.gif) no-repeat left top; }
div#main_box ul#g_menu li.g_mdia a { background: url(../img/common/g_menu_mdia.gif) no-repeat left top; }
div#main_box ul#g_menu li.g_blog a { background: url(../img/common/g_menu_blog.gif) no-repeat left top; }
div#main_box ul#g_menu li.g_colm a { background: url(../img/common/g_menu_colm.gif) no-repeat left top; }
div#main_box ul#g_menu li.g_lect a { background: url(../img/common/g_menu_lect.gif) no-repeat left top; }
div#main_box ul#g_menu li.g_book a { background: url(../img/common/g_menu_book.gif) no-repeat left top; }
div#main_box ul#g_menu li.g_link a { background: url(../img/common/g_menu_link.gif) no-repeat left top; width:72px; }

div#main_box ul#g_menu li a:hover { background-position: 0 -12px;}
div#main_box ul#g_menu li.active a { background-position: left bottom; }



/***************************************
	header_sub
	サブページヘッダー
***************************************/
div#main_box div#header_sub {
	background:url(../img/common/main_img_sub.jpg) no-repeat left top;
	height: 280px;
}

div#main_box div#header_sub h1 {
	padding: 102px 0 111px;	
}

/***************************************
	content_box
	コンテンツ
***************************************/
div#main_box div#content_box {
	clear: both;
}

div#main_box div#content_box div#content_main {
	float: left;
	width: 610px;
}

div#main_box div#content_box div#content_sub {
	float: right;
	width: 190px;
}


div#main_box div#content_box div.section {
	width: 100%;
	clear: both;
	padding-bottom: 10px;
}


div#main_box div#content_box div.section:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* 大パーツ */
div#main_box div#content_box h2 {
	margin-bottom: 30px;
}
div#main_box div#content_box div.section h3 {
	margin-bottom: 15px;
}

div#main_box div#content_box div.section p,
div#main_box div#content_box div.section ul,
div#main_box div#content_box div.section ol,
div#main_box div#content_box div.section dl {
	margin-bottom: 20px;
}

div#main_box div#content_box div.section p,
div#main_box div#content_box div.section li,
div#main_box div#content_box div.section dt,
div#main_box div#content_box div.section dd {
	line-height: 1.5;
}

div#main_box div#content_box div.section p.text_r {
	text-align: right;
}

div#main_box div#content_box div.border_l {
	background: url(../img/common/border_dot_l.gif) repeat-x left bottom;
	margin-bottom: 20px;
}


/* テーブル */
div#main_box div#content_box div dl.d_table {
	padding: 3px 0;
	width: 100%;
	background: url(../img/common/border_dot_s.gif) repeat-x left bottom;
	position: relative;
}
div#main_box div#content_box div dl.d_table_end {
	background: none;
	padding-bottom: 30px;
	border-bottom: #000000 2px solid;
	margin-bottom: 10px;
}

div#main_box div#content_box div dl.d_table:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main_box div#content_box div dl.d_table dt {
	width: 108px;
	text-align: center;
	float: left;
	height: 100%;
	padding-top: 4px;
}
div#main_box div#content_box div dl.d_table dd {
	width: 380px;
	border-left: #000000 solid 2px;
	float: left;
	padding: 2px 0 2px 30px;
}

div#main_box div#content_box div dl.d_table dd input {
	border:#CCCCCC solid 1px;
	padding:2px;
	width: 220px;
}
div#main_box div#content_box div dl.d_table dd textarea {
	padding: 2px;
	border:#CCCCCC solid 1px;
	overflow-y: auto;
	width: 400px;
	height: 220px;
}

div#main_box div#content_box div.section div.box_l { width: 295px; margin-right: 20px; float: left; }
div#main_box div#content_box div.section div.box_c { width: 295px; float: left; }
div#main_box div#content_box div.section div.box_r { width: 190px; float: left; }

div#main_box div#content_box .list h2 {
	margin-bottom: 0;
}

/* rssリスト */
div#main_box div#content_box .list ul {
/*	background:url(../img/common/border_dot_s.gif) repeat-x left top;*/
	margin-bottom: 0;
}

div#main_box div#content_box .list li {
	background: url(../img/common/border_dot_s.gif) repeat-x left bottom;
	padding: 10px 0 10px 58px;
	text-indent: -58px;
}
div#main_box div#content_box .list li a {
	text-decoration: none;
}

div#main_box div#content_box .list p.btn {
	text-align: right;
	bottom: 0;
/*	background:url(../img/common/border_sld.gif) repeat-x left top;*/
	padding-top: 5px;
	margin: 1px 0 0 0;
	line-height: 1.5;
}

div#main_box div#content_box #side_menu .books li {
	padding: 10px 0 10px 0 ;
	text-indent: 0;
	clear: both;
	width: 190px;
	line-height: 1.5;
}
div#main_box div#content_box #side_menu .books li:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#main_box div#content_box #side_menu .books li a {
	float: left;
	display: block;
}




/***************************************
	prof
***************************************/
div#main_box div#content_box div#profile dl {
	padding: 20px 0 0 160px;
	background:url(../img/prof/img_photo.jpg) no-repeat left top;
}

div#main_box div#content_box div#profile dl dt {
	padding-bottom: 30px;
	margin-bottom: 5px;
	background: url(../img/common/border_dot_m.gif) repeat-x left bottom;
}

div#main_box div#content_box div.prof span {
	font-size: 10px;
}
div#main_box div#content_box div.prof ul.official_list {
	margin-bottom: 5px;
}
div#main_box div#content_box div.prof p.official_p {
}

 
div#main_box div#content_box div.prof div.section ul li a:link { color: #009900; }
div#main_box div#content_box div.prof div.section ul li  a:visited { color: #006600; }
div#main_box div#content_box div.prof div.section ul li  a:hover,
div#main_box div#content_box div.prof div.section ul li  a:active { color: #CCCCCC; }

/***************************************
	colmun_box
***************************************/

div.colmun_box div#content_box div.border_l ul {
}

div.colmun_box div#content_box div.section ul li {
	padding: 6px 0 5px;
	background: url(../img/common/border_dot_m.gif) repeat-x left bottom;
}

div.colmun_box div#content_box div.section ul li a {
	text-decoration: none;
}

ul#column_tab {
	height: 34px;
	width: 100%;
	background: url(../img/common/border_dot_l.gif) repeat-x left bottom;
	padding-bottom: 3px;
}

ul#column_tab li {
	float: left;
}

ul#column_tab li a {
	display: block;
	float:left;
	text-indent: -9999px;
	overflow: hidden;
	height: 34px;
}

ul#column_tab li.tab_business a { background:url(../img/columun/tab_business.gif) no-repeat left top; width: 179px; }
ul#column_tab li.tab_money a { background: url(../img/columun/tab_money.gif) no-repeat left top; width: 160px; }
ul#column_tab li.tab_career a { background: url(../img/columun/tab_career.gif) no-repeat left top; width: 165px; }

ul#column_tab li a:hover { background-position: 0 -44px; }
ul#column_tab li.active a { background-position:  0 -44px; }

div#main_box div#content_box div.section p.column_info {
	margin: 20px 0 0;
}




/***************************************
	privacy
***************************************/
div#main_box div#content_box div#privacy ol {
	list-style: decimal inside;
}

div#main_box div#content_box div#privacy ol li ol {
	list-style: lower-roman inside;
	padding-left: 10px;
}

div#main_box div#content_box div#privacy li {
	text-indent: -16px;
	padding-left: 16px;
}

div#main_box div#content_box div#privacy h3 {
	font-weight: bold;
	font-size: 14px;
	color: #339900;

}

/***************************************
	wordpress
***************************************/
div#main_box div#content_box div.wordpress {
	width: 610px;
	float: left;
}

div#main_box div#content_box div.wordpress:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main_box div#content_box div.wordpress ul.navigation {
	padding: 0 0 20px;
	width: 100%;
}
div#main_box div#content_box div.wordpress ul.navigation:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


div#main_box div#content_box div.wordpress ul.navigation li.alignleft{
	line-height:1.5;
	float:left;
}
div#main_box div#content_box div.wordpress ul.navigation li.alignright{
	float:right;
	line-height:1.5;
}


div#main_box div#content_box div.wordpress div.wp_post {
	padding-top: 17px;
	background: url(../img/common/border_dot_l.gif) repeat-x left bottom;
	padding-bottom: 0;	
}


div#main_box div#content_box div.wordpress div.wp_post div.meta {
	padding-bottom: 15px;
	background: url(../img/common/border_dot_m.gif) repeat-x left bottom;
	width: 100%;
	margin-bottom: 25px;
}
div#main_box div#content_box div.wordpress div.wp_post div.meta:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main_box div#content_box div.wordpress div.wp_post div.meta h2.storytitle {
	float: left;
	width: auto;
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
	color: #339900;
	background: url(../img/wp/h2_arrow.gif) no-repeat 0 5px;
	padding-left: 15px;
}
div#main_box div#content_box div.wordpress div.wp_post div.meta h2.storytitle a {
	color: #339900;
}

div#main_box div#content_box div.wordpress div.wp_post div.meta p {
	float: right;
	width: auto;
	margin-bottom: 0;
}
div#main_box div#content_box div.wordpress div.wp_post div.storycontent {
	margin-top: 0;
	clear: both;
}

div#main_box div#content_box div.wordpress div.wp_post div.storycontent p a:link { color: #009900; }
div#main_box div#content_box div.wordpress div.wp_post div.storycontent p a:visited { color: #006600; }
div#main_box div#content_box div.wordpress div.wp_post div.storycontent p a:hover,
div#main_box div#content_box div.wordpress div.wp_post div.storycontent p a:active { color: #CCCCCC; }


div#main_box div#content_box div.wordpress div.wp_post p.the_date {
	background: url(../img/common/border_dot_m.gif) repeat-x left top;
	padding-top: 10px;
	text-align: right;
}
div#main_box div#content_box div.wordpress div.wp_post p.edit_post {
	text-align: right;
}

div#main_box div#content_box div#side_menu div {
	margin-bottom: 10px;
}

div#main_box div#content_box div#side_menu h3 {
	margin-bottom: 10px;
}

div#main_box div#content_box div#side_menu table#wp-calendar {
	width: 100%;
	margin-bottom: 10px;
}
div#main_box div#content_box div#side_menu table#wp-calendar th,
div#main_box div#content_box div#side_menu table#wp-calendar td {
	text-align: center;
	line-height: 1.5;
}

div#main_box div#content_box div#side_menu ul li ul,
div#main_box div#content_box div#side_menu ul li p {
	margin-bottom: 10px;
}
div#main_box div#content_box div#side_menu ul li ul li {
	background: url(../img/wp/list_arrow.gif) no-repeat 10px 4px;
	padding-left: 30px;
	line-height: 1.5;
}
div#main_box div#content_box div.wordpress div.wp_post table.tbl_main {
	margin-bottom: 20px;
}
div#main_box div#content_box div.wordpress div.wp_post table.tbl_main td{
	vertical-align: top;
}
div#main_box div#content_box div.wordpress div.wp_post table.tbl_books {
	margin-left: 20px;
}
div#main_box div#content_box div.wordpress div.wp_post table.tbl_books th {
	background-color: #EEEEEE;
	padding: 10px 15px;
	vertical-align: top;
}
div#main_box div#content_box div.wordpress div.wp_post table.tbl_books td.post_meta {
	padding: 10px 15px;
	vertical-align: top;
}


/***************************************
	contact_form
	コンタクト
***************************************/
div#main_box div#content_box div.contact_form dl {
	margin-bottom: 0;
}

/*
div#main_box div#content_box div.contact_form {
	float: left;
	position: relative;
	margin-bottom: 10px;
}

*/
div#main_box div#content_box div.contact_form p.conform {
	margin-bottom: 5px;
}
div#main_box div#content_box a.retry {
	position: absolute;
	top: 30px;
	right: 0;
	display: block;
	width: 80px;
	height: 15px;
	line-height: 1;
	background: url(../contact/img/back.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

div#main_box div#content_box a.retry:hover { background-position: left bottom; }


div#main_box div#content_box div.contact_form p a.home {
	display: block;
	background:url(../contact/img/home.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}
div#main_box div#content_box div.contact_form p a.home:hover { background-position: left bottom; }


div#main_box div#content_box div.contact_form span {
	color: #FF0000;
}
div#main_box div#content_box div.contact_form dl.d_table dd span {
	position: absolute;
	top: 5px;
	padding-left: 5px;
	font-size: 10px;
}
div#main_box div#content_box div.contact_form dl.d_table dd {
	min-height: 1em;
}

div#main_box div#content_box div.contact_box {
	padding: 24px 0 30px;
	text-align: center;
}

div#main_box div#content_box div.contact_box p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#main_box div#content_box p#send1 {
	width: 200px;
}

div#main_box div#content_box p#send2 {
}

form input#btn_submit {
	background: url(../img/contact/submit.gif) no-repeat left top; 
}
form input#btn_send {
	background: url(../img/contact/send.gif) no-repeat left top; 
}

form input.input_btn {
	width: 200px;
	height: 30px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	padding: 0;
	text-indent: -9999px;
	display: block;
	float: left;
	margin-right: 5px;
}
/* Operaのみ適用*/
*+html:first-child body form input.input_btn {
	padding-left: 300px;
}

/*---------------------
	NEWS 
---------------------*/
div#main_box div#content_box div.wordpress div.news_top {
}

div#main_box div#content_box div.wordpress div.news_top ul {
	padding: 30px 0 0;
	background: url(../img/common/border_dot_s.gif) repeat-x left bottom;
}

div#main_box div#content_box div.wordpress div.news_top ul li {
	padding: 6px 0 5px;
	background: url(../img/common/border_dot_m.gif) repeat-x left top;
}

div#main_box div#content_box div.wordpress div.news_top ul li a {
	text-decoration: none;
}

/*---------------------
	SITEMAP 
---------------------*/
div#main_box div#content_box div.section ul#sitemap_list {
	margin-bottom: 20px;
	list-style: disc inside;
	margin-left: 20px;
}

div#main_box div#content_box div.section ul#sitemap_list li {
	margin-bottom: 10px;

}
div#main_box div#content_box div.section ul#sitemap_list li ul {
	padding-left: 20px;
	margin-bottom: 0;
	padding-top: 10px;
	list-style: circle inside;
}

/*---------------------
	LINKS
---------------------*/
div#main_box div.links div.section ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#main_box div.links div.section ul li {
	padding-bottom: 20px;
	width: 100%;
	height: 190px;
}

div#main_box div.links div.section ul li:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


div#main_box div.links div.section ul li h3 {
	font-weight: bold;
	float: right;
	width: 400px;
	padding-top: 50px;
}

div#main_box div.links div.section ul li {
	background: url(../img/common/border_dot_s.gif) repeat-x bottom;
	padding-bottom: 1px;
	width: 100%;
	clear: both;
}
div#main_box div.links div.section ul li p.links_photo {
	padding-top: 20px;
	float: left;
	width: 170px;
	margin-bottom: 0;
}
div#main_box div.links div.section ul li p.links_txt {
	float: right;
	width: 400px;
	margin-bottom: 0;
}





div#main_box div.links div.section ul li  a:link { color: #009900; }
div#main_box div.links div.section ul li   a:visited { color: #006600; }
div#main_box div.links div.section ul li   a:hover,
div#main_box div.links div.section ul li   a:active { color: #CCCCCC; }



/***************************************
	side_menu
	サイドメニュー
***************************************/
div#main_box div#content_box div#side_menu,
div#main_box div#content_box ul#side_menu,
div#main_box div#content_box p#side_menu {
	width: 190px;
	float: right;
	padding-bottom:30px;
}
div#main_box div#content_box div#side_menu:after,
div#main_box div#content_box ul#side_menu:after,
div#main_box div#content_box p#side_menu:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main_box div#content_box ul#side_menu li {
	height: 23px;
	margin-bottom: 1px;
}
div#main_box div#content_box ul#side_menu li a {
	display: block;
	height: 23px;
	width: 178px;
	text-indent: -9999px;
	overflow: hidden;
}

div#main_box div#content_box ul li.s_prof_msg a { background: url(../profile/img/sm_massage.gif) no-repeat left top; }
div#main_box div#content_box ul li.s_prof_cop a { background: url(../profile/img/sm_corporate.gif) no-repeat left top; }


div#main_box div#content_box ul#side_menu li a:hover { background-position: left bottom; }
div#main_box div#content_box ul#side_menu li.active a { background-position: left bottom; }

/***************************************
	footer
	フッター
***************************************/
div#footer {
	clear: both;
	width: 820px;
	margin: auto;
/*	background:url(../img/common/bg_footer.png) no-repeat left top;*/
	padding: 15px 0 30px;
	height: 10px;
}

/* ページ上部へ */
div#main_box div#footer p.goto_top {
	text-align: right;
}

div#main_box ul#f_menu {
	height: 15px;
}
div#main_box ul#f_menu li {
	display: inline;
}
div#main_box ul#f_menu li a {
	display: block;
	float:left;
	height: 12px;
	width: 70px;
	text-indent: -9999px;
	overflow: hidden;
}

div#main_box ul#f_menu li.f_priv a { background: url(../img/common/f_menu_priv.gif) no-repeat left top; width: 100px; }
div#main_box ul#f_menu li.f_smap a { background: url(../img/common/f_menu_smap.gif) no-repeat left top; }
div#main_box ul#f_menu li.f_cntc a { background: url(../img/common/f_menu_cntc.gif) no-repeat left top; width: 71px; }

div#main_box ul#f_menu li a:hover { background-position: 0 -12px;}
div#main_box ul#f_menu li.active a { background-position: left bottom; }




div#footer ul {
	float: left;
}
div#footer ul li {
	float: left;
}

div#footer ul li a {
	display: block;
}

div#footer address {
	clear: both;
	background: url(../img/common/border_sld.gif) repeat-x left top;
	padding-top: 5px;
	margin-top: 5px;
	text-align: right;
}