/*
THEME NAME: green
THEME URI: http://www.glpgs.com
DESCRIPTION: green add mobile
VERSION: 1.0
AUTHOR: Gosuke.Shimada
AUTHOR URI:  http://www.glpgs.com
*/

/* Architecture */

*{
    margin:0;
    padding:0;　/*opera対策*/
}

html {
	overflow:scroll;
}

/*
body {
	font-family:"メイリオ",Verdana,"ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
	font-size: 75%;
	color: #666;
	height: 100%;
  text-align:center;
}
*/
body {
	font-size: 0.8em;
	color: #333;
	text-align: center;
	background: #fff url(images/img01.gif) repeat-x top left;
	font-family: "メイリオ", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	;
}

#outer {
margin: 0 auto;
width: 850px;
background: url(images/bg_shadow.gif) repeat-y center top;
}

* html div#container{
    height:100%;
}

#containar {
    position:relative;
		margin:0px auto;
		/*padding:0;*/
		text-align:center;    /*bodyでのセンタリングを解除*/ 
    min-height: 100%;
		height:auto !important;
		height:100%;
}

body > #container {
    height: auto;
}

#header {
	height: 127px;
	/*background:transparent url("images/bg_main_menu.gif") repeat-x bottom;*/
}

#headerwrapper {
	position:relative;
	width: 800px;
	margin: 0 auto;
}

#navi {
	position:absolute;
	top:80px;
	left:0px;
	margin:0px auto;
	width: 100%;
	height: 47px;
	/*background-color:#666666;*/
	/*background:transparent url("images/bg_main_menu.gif") 0 0 repeat-x;*/
}

#naviwrapper {
	width: 800px;
	height: 47px;
	margin: 0px auto;
}

/*
#splash {
	width: 100%;
	height: 111px;
	background:transparent url("images/bg_title_base.gif") center top repeat-x;
}


#splashwapper {
	width: 800px;
	height:100%;
	margin: 0 auto;
}

#splash_home {
	width: 100%;
	height: 278px;
	background:transparent url("images/bg_title_base_home.gif") center top repeat-x;
}
*/

#splashwapper_home {
	width: 800px;
	height:278px;
	margin: 0 auto;
	background:transparent url("images/bg_splash_home.jpg") center top no-repeat;
}


#main {
	width: 100%;
	padding-bottom:100px;
}


#content {
	width:100%;
}

#contentwrapper {
	width: 780px;
	height: 100%;
	margin: 0 auto;
	text-align:left;
	overflow: hidden;
}

#contentwrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #contentwrapper {
    height: 1em;
    overflow: visible;
}
/**/	



#sidebar {
	width: 100px;
	float: right;
}

#footer {
	height:100px;
	width:820px;
	margin: 0 auto;
	background-color:#666;
	text-align:center;
  bottom:0px;
}

#footerwrapper {
	width: 800px;
	height:100%;
	text-align:left;
	margin: 0 auto;
}

/* General */
/*
a {
	color: #66cc00;
	text-decoration: none;
}

a:hover {
	color: #86C600;
	text-decoration: underline;
}*/

/********************
LinkColor 
*********************/

a:link		{
	color: #125798;
;
}
a:visited	{
	color: #22579f;
}
a:hover		{
    color: #c66;
    text-decoration: none;
}
a:active	{
    color: #f00;
}


img {
	border: 0;
	padding:0;
}

.separator {
	color: #CCCCCC;
	margin: 0 5px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
}

ul, li {
	list-style:none;
}

/*********************
Header 
**********************/

#header_title {
	position:absolute;
	top:20px;
	left:0;
}

#contact_head {
	position:absolute;
	top:20px;
	right:0;
}

/*
#headerDesc {
	_padding:64px 0 8px 0;
	padding:62px 0 5px 0;
	font-size:90%;
	text-align:right;
	font-family:"ＭＳ Ｐゴシック";
}
*/

/* Sub Menu */
#subMenu {
	position:absolute;
	top:0;
	right:0;
	padding:13px 0 0 15px;
	/*width:145px;*/
	width/* */:/**/130px;
	width: /**/130px;
	/*height:49px;*/
	height/* */:/**/36px;
	height: /**/36px;
	background:transparent url("images/bg_submenu.gif") no-repeat;
}

#subMenu li {
	float:right;
	margin-right:25px;
}


/* Menu Area */
#mainMenu li a {
 width: 160px;
 zoom: 1; 
 display: inline-block;
 display: block; 
}
#mainMenu li img {
vertical-align: bottom;
display: block;
}

#mainMenu ul {
	/*margin:0 auto;*/
	width:800px;
	text-align:left;
}

#mainMenu ul li {
	float:left;
}

/*********************
Content
**********************/

#breadcrumb {
	width:800px;
	/*margin:auto;*/
	padding:5px 0 5px 15px;
	border-bottom:1px #E3E3E3 solid;
	background:transparent url("images/bullet.gif") no-repeat 0 11px;
}

/*mainArea*/

#mainArea {
	width:420px;
	float:left;
	padding:10px 0 10px 0;
	clear:both;
}

#mainArea h2 {
	margin:0 0 10px 0;
}



#sideArea {
	width:300px;
	float:right;
	padding:10px 0 10px 0;
}

/*serviceMainArea*/

#serviceMainArea {
	width:520px;
	float:right;
	padding:10px 0 10px 0;
	clear:both;
}

#serviceMainArea h2 {
	margin:0 0 10px 0;
}



#serviceSideArea {
	width:230px;
	float:left;
	padding:10px 0 10px 0;
}




/* archive block */
.newsBlockArchive { margin:0 0 0 3px; padding:0; list-style:inside; }
.newsBlockArchive li { margin:0; padding:0; }
.newsBlockArchNav { margin:0 8px 0 0; text-align:right; }
.newsBlockArchSort { margin:0 0 0 8px; }

/*fullMainArea*/
#fullMainArea {
	width:800px;
	float:left;
	padding:10px 0 10px 0;
	clear:both;
}

#fullMainArea h2 {
	margin:0 0 10px 0;
}

/*newsMainArea*/
#newsMainArea {
	width:500px;
	float:left;
	padding:10px 0 10px 20px;
	clear:both;
}

#newsMainArea h2 {
	margin:0 0 10px 0;
}

#newsMainArea h2.blogEntryTitle {
	font-size:1.2em;
	background:transparent url("images/bn_blogtitle.gif") repeat-x 0 -10px;
}

#newsSideArea {
	width:210px;
	float:right;
	padding:10px 20px 10px 0;
}

#newsSideArea ul{
	list-style-image("images/arrow.gif");
}

/*teble*/



#table_01 {
    width: 500px;
		padding-left:5px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#table_01 th {
    padding: 20px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #66cc33;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
		color:#FFF;
}
#table_01 td {
    padding: 20px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
}

.child_page_excerpt {
	padding-bottom:20px;
	margin:0 0 20px 0;
	border-bottom:1px solid #E3E3E3;
}

.child_page_excerpt h2 {
	font-size:140%;
	margin-bottom:0;
	padding-left:25px;
	background:transparent url("images/arrow05.gif") no-repeat 5px 3px;
}

#table_02 {
	border-style:none;
}

#table_02 th {
	width:190px;
  vertical-align:middle;
}

#table_02 td.lv1 {
	font-weight:bold;
    padding: 5px;
    border-bottom: 1px #060 solid;
		border-right-style:none;
		border-collapse:collapse;
    text-align: center;
    white-space: nowrap;
}

#table_02 td.lv2 {
    padding: 5px 5px 5px 10px;
		border-bottom: 1px #999 solid;
		border-left-style::none;
		border-collapse:collapse;
    text-align: left;
}

#table_02 .samnail {
    background: url("images/shadow_001.gif") right bottom;
    float: left; /* 回り込み制御 */
		margin-left:2px;
		margin-top:10px;

}
 
#table_02 .samnail img {
	width:170px;
	height:170px;
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
		margin-left:2px;
		/*margin-top:10px;*/
    background: #ffffe0; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
}


#table_03 {
	width:540px;
	margin-top:20px;
}

#table_03 th.lv1 {
	text-align:left;
	margin:10px;
	padding:5px;
	vertical-align:middle;
	border-bottom:#E3E3E3 1px dotted;
}

#contact #submit {
	text-align:left;
	padding-top:10px;
}

/*newslist*/

#newslist {
	padding:0 15px 0 15px;
}

#newslist dt {
	 font-weight: bold;
	 border-bottom: dotted 1px #E3E3E3;
	 padding-left:20px;
	 background:transparent url("images/arrow.gif") no-repeat 3px 4px;
}

#newslist dd {
	 padding:10px 10px 10px 25px;
}

#readmore {
	text-align:right;
}

/*aboutservice*/

h2#serviceTitle {
	font-size:1.2em;
	height: 40px;
	padding-top: 9px;
	padding-left: 15px;
	/*margin-top:10px;*/
	background:transparent url("images/bn_servicetitle.gif") no-repeat;
}

ul.pico_block_menu li {
	margin-top: 0px;
	padding:10px 0px 10px 15px;
	background:transparent url("images/list_arrow_1.gif") no-repeat 5px 15px;
	border-bottom:thin;
	border-bottom-color:#CCC;
	border-bottom-style:dotted;
	border-left:thin;
	border-left-color:#CCC;
	border-left-style:solid;
	border-right:thin;
	border-right-color:#CCC;
	border-right-style:solid;
	font-weight:bold;
	color:#333;
}

#aboutservice {
	padding:0 15px 0 15px;
}

#aboutservice p {
	margin:0 10px 0 10px;
}

#aboutservice .servicedetail {
	background:transparent url("images/arrow03.gif") no-repeat 0 2px;
	padding-left:15px;
}

#aboutservice h4 {
	font-size:120%;
	margin:10px 0 10px 0;
}

#worklist {
	margin:25px 0 25px 25px;
}

/*Sitemap*/

#sitemaplist li {
	margin:20px 0 20px 40px;
	padding-left:20px;
	font-size:130%;
	background: transparent url("images/arrow06.gif") no-repeat 0 3px;
}

#sitemaplist .lv2 {
	font-size:90%;
	padding-left:20px;
	margin:10px 0 20px 55px;
	background: transparent url("images/arrow08.gif") no-repeat 0 2px;
}

#sitemaplist .lv1 {
	font-size:90%;
	padding-left:20px;
	margin:10px 0 20px 25px;
	background: transparent url("images/arrow07.gif") no-repeat 0 2px;
}

#sitemaplist li a {
	color:#666;
}

#sitemaplist li.select a,
#sitemaplist li a:hover {
	color:#090;
	text-decoration:none;
}

#message {
	padding:0 15px 0 15px;
	line-height:2em;
}

#message #shomei {
	text-align:right;
}

#about table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 90%;
	margin-bottom: 20px;
}

#about td {
	text-align:center;
	vertical-align:middle;
}

#about td.left {
	background-image:url("images/bg_th_01.gif");
	background-color:#CAD3D9;
	font-weight:bold;
}


table.tableizer-table {
	border: 1px solid #CCC;
}

table.tableizer-table {
	border: 1px solid #CCC;
}


table.tableizer-table td	{
	border: 1px solid #CCC;
	color: #333;
}

/*********************
SideArea
**********************/

/*sidemenu*/

#sideMenu {
	margin-bottom:10px;
	border:2px solid #DCDCDC;
}

#sideMenu ul li {
	padding-bottom:2px;
	width:100%; 
	background:transparent url("images/border_side_menu.gif") left bottom repeat-x;
}

#sideMenu ul li.lastItem {
	padding-bottom:0;
	background:transparent none;
}


#sideMenu ul li a {
	display:block;
	padding:9px 11px 9px 28px;
	height:1%;
	background:transparent url("images/arrow.gif") 11px 50% no-repeat;
	color:#333;
	text-decoration:none;
}

#sideMenu ul li.select a,
#sideMenu ul li a:hover {
	padding:9px 11px 9px 28px;
	background:#EBEBEB url("images/arrow.gif") 11px 50% no-repeat;
	color:#093;
	text-decoration:none;
}

##sideMenu #l2, #sideMenu #l2 a,
#sideMenu #l2 a:hover {
	padding:clear;
	background:clear;
	color:clear;
}

#sideMenu #l2 a {
	background:transparent url("images/arrow04.gif") 18px 50% no-repeat;
	padding:9px 11px 9px 35px;
}

#sideMenu #l2 li.select a,
#sideMenu #l2 a:hover {
	background:#EBEBEB url("images/arrow04.gif") 18px 50% no-repeat;
	padding:9px 11px 9px 35px;
}

/*Linklist*/

div#linklist {
	text-align:center;
	margin-bottom:13px;
	padding:9px 7px;
	background-color:#EBEBEB;
}

div#linklist ul li { 
  margin-bottom:3px;
}

/*mobile*/

div#mobile {
	text-align:center;
	margin-bottom:13px;
	border:2px solid #DCDCDC;
}

/*********************
Footer
**********************/

#footerwrapper {
	color:#CCC;
}

#footerwrapper #contentsMenu {
	padding:20px 0 20px 0;
}



#footerwrapper #contentsMenu a {
	color:#CCC;
}

#footerwrapper #contentsMenu a:hover {
	color: #F90;
}

#footerLower {
	color:#999;
	padding:0;
}