@charset "utf-8";

/**********************************************
*
*	Style Sheet base.css
*
***********************************************/

	@import url( works.css );	/*	製作・開発実績	*/
	@import url( company.css );	/*	会社概要		*/
	@import url( blog.css );		/*	ブログ			*/

/**************************************
*	各種タグ初期値
**************************************/

html {	
	scrollbar-face-color: #FFFFFF;
	scrollbar-3dlight: #F5F5F5;
	scrollbar-highlight-color: #F5F5F5;
	scrollbar-shadow-color: #999999;
	scrollbar-darkshadow-color: #F9F9F9;
	scrollbar-arrow-color: #333333;
}

body {
	margin:0px;
	text-align:center;
	padding:0px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333;
	background:#FBFDFF;
	line-height:130%;
	background:url('/images/bg_html.gif') repeat-x;
}

p,font,td,address,li {
	text-align:left;
	vertical-align:top;
	clear:both;
}

img {
	border:0px;
}

form {
	margin:0px;
	padding:0px;
}

ul,ol {
	list-style:none;
	margin:0px;
	padding:0px;
}

a, a:link, a:visited {
	color:#0000FF;
	text-decoration:none;
}

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

/**************************************
 *	ヘッダー
 *************************************/

#header {
	width:910px;
	height:50px;
	padding:0px;
	margin:0 auto 0 auto;
	text-align:center;
}

/****************************************
 *	ヘッダーサブメニュ
 ***************************************/

#submenu_box {
	height:46px;
	width:870px;
	margin:0 auto 35px auto;
	padding:0px;
	text-align:center;
}

#submenu_box ul {
	margin:0px;
	padding:12px 0 5px 100px;
}

#submenu_box li {
	clear:none;
	display:block;
	float:left;
	width:119px;
	list-style-type: none;
	text-align:center;
	padding:0px;
	margin:0px;
	border-right:1px solid #FFFFFF;
}

#submenu_box li a {
	display:block;
	color:#EFEFEF;
}

.submenu_blog {
	background:url('/images/bg_submenu_blog.gif') top left no-repeat;
}

/**************************************
 *	問い合わせなど
 *************************************/

#hmenu_box {
	float:left;
	margin:0px;
	padding:0px;
}

#hmenu_box ul {
	margin:0px;
	padding:0px;
}

#hmenu_box li {
	clear:none;
	display:block;
	float:left;
	width:105px;
	list-style-type: none;
}

#hmenu_box li a {
	height:35px;
	display:block;
	background:url('/images/bg_header_menu.gif') top left no-repeat;
	text-indent:25px;
	padding:15px 0 0 0;
}

/**************************************
*	ロゴ
**************************************/

#logo_box {
	float:left;
	width:156px;
	margin:0px;
	padding:0px;
}

#logo_box h1 {
	display:block;
	text-indent: -9999px;
	margin:0px;
	padding:0px;
}

#logo_box h1 a {
	height:50px;
	width:156px;
	background:url('/images/logo.gif') top left no-repeat;
	display:block;
}

#logo_box h1 a:hover {
	height:50px;
	width:156px;
	background:url('/images/logo_b.gif') top left no-repeat;
	display:block;
}

/**************************************
*	ページ説明（description）
**************************************/

#desc_box {
	float:left;
	width:540px;
	margin:0px;
	padding:0px;
}

#desc_box h2 {
	display:block;
	margin:0px;
	padding:15px 0 0 0;
	font-weight:bold;
	text-align:left;
}

/**************************************
*	パン屑リンク
**************************************/

#pan {
	width:870px;
	margin:0 auto 30px auto;
	text-align:left;
	padding:0px;
	height:30px;
}

#pan ol {
	margin:7px 0 0 0;
	padding:0px;
}

#pan ol li {
	text-align:left;
	display:inline;
	padding:0px;
	margin:0px;
	border:none;
	font-weight:normal;
	font-size:10px;
}

#pan ol li h2 {
	text-align:left;
	display:inline;
	font-size:10px;
	border:none;
	padding:0px;
	margin:0px;
	font-weight:normal;
}

#pan ol li a {
	border:none;
	display:inline;
	margin:0px;
	background:url("/images/icon_pan.gif") no-repeat;
	background-position:right;
	padding:0 10px 0 0;
}

/**************************************
*	コンテンツメニュ
**************************************/

#cont_box {
	clear:both;
	width:714px;
	height:41px;
	padding:0px;
	margin:0 auto 0 auto;
	background:url('/images/bg_cont.gif') top left no-repeat;
}

#cont_box ul {
	margin:0px;
	padding:0px;
}

#cont_box li {
	clear:none;
	display:block;
	float:left;
	width:119px;
	list-style-type: none;
	text-align:center;
	text-indent: -9999px;
	padding:0px;
	margin:0px;
}

#cont_box li a {
	height:41px;
	display:block;
}

/**************************************
*	コンテンツメニュ各リンク
**************************************

/*	トップページ	*/
#cont_box li#cont1 a { background: url('/images/bt_homef.gif') top left no-repeat; width:119px; }	
#cont_box li#cont1 a:hover, #cont_box li#cont1b { background: url('/images/bt_homeb.gif') top left no-repeat; width:119px; }

/*	制作の流れ	*/
#cont_box li#cont2 a { background: url('/images/bt_nagaref.gif') top left no-repeat; width:119px; }
#cont_box li#cont2 a:hover, #cont_box li#cont2b { background: url('/images/bt_nagareb.gif') top left no-repeat; width:119px; }

/*	制作実績	*/
#cont_box li#cont3 a { background: url('/images/bt_worksf.gif') top left no-repeat; width:119px; }
#cont_box li#cont3 a:hover, #cont_box li#cont3b { background: url('/images/bt_worksb.gif') top left no-repeat; width:119px; }

/*	提供サービス	*/
#cont_box li#cont4 a { background: url('/images/bt_servicef.gif') top left no-repeat; width:119px; }
#cont_box li#cont4 a:hover, #cont_box li#cont4b { background: url('/images/bt_serviceb.gif') top left no-repeat; width:119px; }

/*	ブログ	*/
#cont_box li#cont5 a { background: url('/images/bt_blogf.gif') top left no-repeat; width:119px; }
#cont_box li#cont5 a:hover, #cont_box li#cont5b { background: url('/images/bt_blogb.gif') top left no-repeat; width:119px; }

/*	会社概要	*/
#cont_box li#cont6 a { background: url('/images/bt_companyf.gif') top left no-repeat; width:119px; }
#cont_box li#cont6 a:hover, #cont_box li#cont6b { background: url('/images/bt_companyb.gif') top left no-repeat; width:119px; }


/**************************************
*	サブコンテンツメニュ各リンク
**************************************

#sub_cont_box {
	width:10%;
	margin:0 0 30px 0;
	padding:0px;
	background:#CCCCCC;
	float:left;
}

#sub_cont_box ul {
	margin:0px;
	padding:0px;
	height:31px;
}

#sub_cont_box li {
	display:block;
	float:left;
	height:31px;
	list-style-type: none;
	text-indent: -9999px;
}

#sub_cont_box li a {
	height:31px;
	display:block;
}

/*	お問い合わせ	*
#sub_cont_box li#cont8 a {
	padding:0px;
	margin:9px 0 0 0;
	background: url('/images/normal/bt_contact_f.gif') top left no-repeat;
	width:95px;
	height:15px;
}

/**************************************
*	メインボディ
**************************************/

#main {
	width:870px;
	margin:0 auto 80px auto;
	text-align:left;
	clear:both;
}

/**************************************
*	フッタ
**************************************/

p#footer {
	text-align:right;
	padding:0 230px 30px 0;
}

#f_menues {
	clear:both;
	border-top:1px solid #CCCCCC;
	height:200px;
	background:url("/images/bg_footer.gif") repeat-x;
	padding:20px 0 0 200px;
	margin:0 auto 0 auto;
	text-align:center;
}

.f_menu_box {
	float:left;
	width:270px;
	text-align:left;
	margin-right:10px;
}

.f_menu_box li, .f_menu_box p, .f_menu_box address {
	text-indent:20px;
}

/**************************************
*	ページトップ
**************************************/

.tup {
	display:block;
	float:right;
	height:25px;
	list-style-type: none;
	text-indent: -9999px;
	position:relative;
}

.tup a {
	height:25px;
	display:block;
	background: url('/images/bt_pageup.gif') top left no-repeat;
	margin:0 200px 0 0;
	width:31px;
}

/****************************************
 *	左サイドメニュ
 ***************************************/

#sidebar {
	float:left;
	width:270px;
	margin:0px;
	padding:0 0 100px 0;
}

#sidebar ul {
	margin:6px 0 0 0;
	padding:0px;
}

#sidebar li {
	padding:4px 15px 4px 15px;
	border-bottom: dotted 1px #D4D4D4;
	background: url('/blog/content/themes/default/images/bg_side_li.gif') top left no-repeat;
	color:#666666;
}

#sidebar h2 {
	text-indent:15px;
	padding:5px 0 5px 0;
	background:#CCCCCC;
	font-weight:bold;
	clear:both;
}