@charset "utf-8";

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

html {
	overflow-y:scroll;
}

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

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

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

object,embed {
	vertical-align:top;
}

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

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

li {
	list-style-type:none;
}

img {
	vertical-align:bottom;
}


/*----------------------------------------------------
	シビラタグで出る画像によるレイアウト崩れ防止
----------------------------------------------------*/

img {
	display:none;
}

#wrap img {
	display:inline;
}


/*----------------------------------------------------
	汎用スタイル
----------------------------------------------------*/

.margin-top-0 {
	margin-top:0!important;
}

/*----------------------------------------------------
	フォントの設定　デフォルトは12pxの#000
----------------------------------------------------*/

body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:12px;
	color:#000;
}

* html body   {font-size:75%;}/*IE6*/
* + html body {font-size:75%;}/*IE7*/

/*リンク*/
a         {text-decoration:underline; color:#666;}
a:hover   {color:#999;}


/*----------------------------------------------------
	ボディ
----------------------------------------------------*/

html {
	height:100%;
}

body {
	height:100%;
	background:#F9F9F9;
}

#wrap {
	position:relative;
	margin:0 auto;
	padding:0 50px;
	width:848px;
	min-height:100%;
	_height:100%; 
	background:#F7F7EF url(../img/body-bg.jpg) repeat-y;
}


/*----------------------------------------------------
	header
----------------------------------------------------*/

h1 {
	padding:15px 15px 5px;
	background:#FFF;
}


/*----------------------------------------------------
	header navi
----------------------------------------------------*/

#headernavi {
	position:relative;
	padding-top:15px;
	height:23px;
	background:#5C3432 url(../img/headernavi-bg.gif) repeat-x;
	text-align:right;
}

#headernavi li {
	display:inline;
	margin:12px 10px 8px 10px;
	line-height:20px;

}

#headernavi li a {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

#headernavi li a:hover {
	text-decoration:underline;
}

#headernavi li.home {
	position:absolute;
	left:-10px;
	top:-2px;
	line-height:17px;
	background-color: #999933;
	padding: 6px 14px 3px 6px;
	border: 1px solid #999933;
}

#headernavi li.home a {
	padding-left:20px;
	font-size:12px;
	background:url(../img/icon-home.png) no-repeat left 50%;
}

#headernavi li.rss a {
	padding-left:18px;
	background:url(../img/icon-rss.gif) no-repeat left 50%;
}


/*----------------------------------------------------
	gloabl navi
----------------------------------------------------*/

#globalnavi {
	clear:both;
	height:132px;
}

#globalnavi li {
	float:left;
	width:212px;
	height:132px;
	background:url(../img/globalnavi.jpg) no-repeat;
	overflow:hidden;
}

#globalnavi li a {
	display:block;
	height:124px;
	background:url(../img/globalnavi.jpg) no-repeat;
	text-indent:-7777px;
	overflow:hidden;
}

#globalnavi li.professional {background-position:   0px -124px;}
#globalnavi li.project      {background-position:-212px -124px;}
#globalnavi li.technology   {background-position:-424px -124px;}
#globalnavi li.column       {background-position:-636px -124px;}

body.professional #globalnavi li.professional {background-position:   0px -132px;}
body.project      #globalnavi li.project      {background-position:-212px -132px;}
body.technology   #globalnavi li.technology   {background-position:-424px -132px;}
body.column       #globalnavi li.column       {background-position:-636px -132px;}

#globalnavi li.professional a {background-position:   0px 0px;}
#globalnavi li.project      a {background-position:-212px 0px;}
#globalnavi li.technology   a {background-position:-424px 0px;}
#globalnavi li.column       a {background-position:-636px 0px;}

#globalnavi li.professional a:hover {background-position:   0px -124px;}
#globalnavi li.project      a:hover {background-position:-212px -124px;}
#globalnavi li.technology   a:hover {background-position:-424px -124px;}
#globalnavi li.column       a:hover {background-position:-636px -124px;}

body.professional #globalnavi li.professional a {background-position:   0px -124px;}
body.project      #globalnavi li.project      a {background-position:-212px -124px;}
body.technology   #globalnavi li.technology   a {background-position:-424px -124px;}
body.column       #globalnavi li.column       a {background-position:-636px -124px;}


/*----------------------------------------------------
	content
----------------------------------------------------*/

#content {
	overflow:hidden;
}


/*----------------------------------------------------
	content-header
----------------------------------------------------*/

#content-header {
	border-bottom:1px solid  #d2d2d2;
	height:auto;
	min-height:70px;
	_height:70px;
}

#content-header h2 {
	float:left;
	padding:15px 15px 0 15px;
}

#content-header p.discription {
	margin-left:300px;
	height:auto;
	padding:15px 15px 0 15px;
}


/*----------------------------------------------------
	main
----------------------------------------------------*/

#main {
	padding:20px 15px 60px; 
}

body.sb01 #main {
	float:left;
	padding-right:8px;
	width:500px;
}

body.sb02 #main {
	float:left;
	padding-right:8px;
	border-right:1px solid #d2d2d2;
	width:615px;
	min-height:250px;
	_height:250px;	
}

body.narrow #main {
	padding-left:100px;
	padding-right:100px;
}

body.sc #main {
	padding-bottom:140px;
}


.mb_100{
  margin-bottom:100px;
}

/*----------------------------------------------------
	sidebar
----------------------------------------------------*/

body.sb01 #sidebar {
	float:right;
	padding:20px 15px 60px 8px;
	width:300px;
}

body.sb02 #sidebar {
	float:right;
	position:relative;
	right:1px;
	padding:20px 14px 60px 9px;
	width:184px;
	height:auto;
	min-height:250px;
	_height:250px;
}

body.sc #sidebar {
	padding-bottom:140px;
}

#sidebar .banner {
list-style:none;
margin:5px 0 0 -10px;
}


/*----------------------------------------------------
	in sidebar
----------------------------------------------------*/
#sidebar>*:first-child {
	margin-top:0!important;
}

#sidebar h3 {
	margin:1.5em 0 0;
	color:#832429;
}

#sidebar ul {
	margin:0 0 1em 1em;
	color:#BFA517;
}

#sidebar ul li {
	margin:0.5em 0;
	line-height:1.4;
	list-style:square;
}

#sidebar ul.topcolumn li {
	margin:0.5em 0;
	padding:0 0 0 55px;
	min-height:50px;
	_height:50px;
	line-height:1.4;
	list-style:none;
	background-repeat:no-repeat;
	background-position:left 50%;
}


/*----------------------------------------------------
	footer
----------------------------------------------------*/

#footer {
	clear:both;
	position:absolute;
	bottom:0;
	width:848px;
}

#footer #supported {
	clear:both;
	margin:0 15px 10px;
	position:static;
	bottom:0;
	width:848px;
}

#footer #supported p {
	text-align:center;
}

#footer #supported p img {
	margin:10px;
}

#footer p#copyright {
	padding:0 20px;
	height:40px;
	background:#852429 url(../img/footer-bg.gif) repeat-x bottom;
	text-align:right;
	line-height:40px;
	color:#FFF;
	float: right;
	width: 548px;
}

#footer p#privacy {
	padding:0 30px;
	height:40px;
	background:#852429 url(../img/footer-bg.gif) repeat-x bottom;
	text-align:left;
	line-height:40px;
	color:#FFF;
	float: left;
	width: 200px;
}

#footer p#privacy a {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

#footer p#privacy a:hover {
	text-decoration:underline;
}