@charset "utf-8";
/* *********************************************************************

StyleSheet for www.twinspark.co.jp
CSS FILE common.css
apply for "All-files".

[index]
1.Common Style
2.PageStructure
3.HEAD
4.GLOBAL MENU
5.SIDE CONTENTS
6.FOOT

【LAST UPDATED】4 DEC 2009
********************************************************************* */



/* *********************************************************************
1.Common Style
********************************************************************* */

html {
	overflow-y: scroll; 
}

body {
	background: #fff;
	color: #333;
	font-size: 12px;
}

h2 {
	width: 538px;
	height: 34px;
	margin: 0 0 10px;
	padding: 10px 0 0 20px;
	background: url("../img/ttl_bg.gif") no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #3e5ea2;
}

h3 {
	width: 546px;
	margin: 0 0 15px;
	padding: 3px 0 4px 8px;
	border-left: 4px solid #3e5ea2;
	border-bottom: 1px solid #3e5ea2;
	font-size: 14px;
	font-weight: bold;
	color: #3e5ea2;
}

#linkbtn_inquiry {
	margin: 40px 0 0;
	padding: 0;
	text-align: center;
}

#linkbtn_inquiry img {
	margin: 0 auto;
	padding: 0;
}



/* *********************************************************************
2.PageStructure
********************************************************************* */

#wrap {
	width: 950px;
	margin: 0 auto;
	padding: 15px 0 10px;
	text-align: left;
}

#wrap #contents_area {
	width: 950px;
	margin: 0;
	padding: 15px 0 10px;

}

#wrap #contents_area #leftside_area {
	width: 196px;
	margin: 0;
	padding: 0;
	float: left;
}

#wrap #contents_area #maincontents_area {
	width: 577px;
	margin: 0;
	padding: 0;
	float: left;
}

#wrap #contents_area #rightside_area {
	width: 176px;
	margin: 0;
	padding: 0;
	float: right;
	overflow:hedden;
}

#wrap #foot_area {
	width: 950px;
	margin: 0;
	padding: 0;
	clear: both;
}



/* *********************************************************************
3.HEAD
********************************************************************* */

#wrap h1 {
	width: 135px;
	height: 46px;
	float: left;
}

#wrap #head_link {
	width: 790px;
	height: 46px;
	float: left;
}

#wrap #head_link li {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #333;
	float: right;
	line-height: 1em;
}

#wrap #head_link li.listend {
	border: none;
}

#wrap #head_link li a {
	color: #333;
	text-decoration: none;
}



/* *********************************************************************
4.GLOBAL MENU
********************************************************************* */

#wrap #gmenu {
	width: 950px;
	margin: 0;
	padding: 10px 0 0;
	clear: both;
}

#wrap #gmenu li {
	margin: 0;
	padding: 0;
	float: left;
}

/* HEAD MAINIMG
********************************************************************* */

#wrap #indeximg {
	width: 755px;
	margin: 0 0 10px;
	padding: 0;
	clear: both;
}

#wrap #indeximg #mainimg_ttl {
	width: 260px;
	height: 150px;
	margin: 0;
	padding: 0;
	float: left;
}

#wrap #indeximg #mainimg_casestudy li {
	width: 230px;
	height: 150px;
	margin: 0;
	padding: 0;
	float: left;
}



/* HEAD MAINIMG
********************************************************************* */

#wrap #mainimg {
	width: 950px;
	margin: 0 0 10px;
	padding: 0;
	clear: both;
}

#wrap #mainimg #mainimg_ttl {
	width: 260px;
	height: 150px;
	margin: 0;
	padding: 0;
	float: left;
}

#wrap #mainimg #mainimg_casestudy li {
	width: 230px;
	height: 150px;
	margin: 0;
	padding: 0;
	float: left;
}


/* TOPIC PATH
********************************************************************* */

#topic_path {
	width: 558px;
	margin: 5px 0 15px;
	padding: 0;
}

#topic_path li {
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
}

#topic_path li a {
	text-decoration: none;
}



/* *********************************************************************
5.SIDE CONTENTS
********************************************************************* */

.smenu_ttl {
	width: 176px;
	margin: 0 0 3px;
	padding: 0;
}

.smenu_sttl {
	width: 176px;
	margin: 0;
	padding: 0;
}

.smenu_list01 {
	width: 176px;
	margin: 0 0 6px;
	padding: 0;
	background: url("../img/smenu_bar.gif") no-repeat center bottom;
}

.list_end {
	background: none;
}

.smenu_list01 dt {
	width: 159px;
	margin: 0;
	padding: 0 0 5px 17px;
	background: url("../img/smenu_icon01.gif") no-repeat 0 2px;
}

.smenu_list01 dd {
	width: 152px;
	margin: 0;
	padding: 0 0 3px 24px;
	background: url("../img/smenu_icon03.gif") no-repeat 15px 6px;
}

.smenu_list01 dt a {
	color: #333;
	text-decoration: none;
	display: block;
}

.smenu_list01 dd a {
	color: #333;
	text-decoration: none;
	display: block;
}

.smenu_list01 dt a:hover {
	background: #d6e3ff;
}

.smenu_list01 dd a:hover {
	background: #d6e3ff;
}

.smenu_list02 dt {
	width: 156px;
	margin: 0 0 2px;
	padding: 0 0 6px 17px;
	background: url("../img/smenu_icon02.gif") no-repeat 0 3px;
}

.smenu_txt01 {
	width: 166px;
	margin: 0 0 10px;
	padding: 0 5px 0;
}

.smenu_link01 {
	width: 176px;
	margin: 0 0 10px;
	padding: 0;
}

.smenu_link01 li {
	width: 176px;
	margin: 0;
	padding: 0 0 3px;
}

.smenu_box01 {
	width: 174px;
	margin: 0 0 15px;
	padding: 10px 0;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background: #f5f7fa;
}

.smenu_box01 .smenu_img01 {
	width: 152px;
	margin: 0 auto;
	padding: 5px 0 0;
}

.smenu_box01 p {
	width: 152px;
	margin: 0 auto;
	padding: 5px 0 2px;
	font-size: 10px;
}

.smenu_box01 .smenu_inquiry {
	width: 135px;
	margin: 0 auto;
	padding: 0 0 0 17px;
	background: url("../img/smenu_inquiry_icon.gif") no-repeat 0 2px;
	font-size: 10px;
}

div.smenu_box02 {
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	background:url(../img/smenu_ttl04_1.gif) no-repeat bottom right;
}

div.smenu_box02 div.waku {
	padding: 0 3px 7px;
	background:url(../img/smenu_ttl04_2.gif) repeat-y;
}

div.smenu_box02 div img {
	width:25px;
	float:left;
}

div.smenu_box02 div .smenu_box02_txt {
	width:139px;
	height:auto;
	padding: 0 0 0 3px;
	margin:0px;
	background:none;
	float:left;
	color:#333333;
	font-size:12px;
	font-weight:normal;
}

div.smenu_box02 div p {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	text-align:right;
	background:url(../img/smenu_icon01.gif) no-repeat 10px 2px;
	border-bottom:1px dotted #cccccc;
}

div.smenu_box02 div p.end {
	border:none;
	margin:0;
	padding:0;
}



/* *********************************************************************
6.FOOT
********************************************************************* */

#totop {
	width: 79px;
	margin: 0 auto;
	padding: 30px 0 10px 871px;
	clear: both;
}

#foot_wrap {
	width: 100%;
	margin: 0;
	padding: 20px 0 40px;
	background: #3e5ea2;
	clear: both;
}

#foot_wrap #foot_area {
	width: 950px;
	margin: 0 auto;
	padding: 0;
}


/* FOOT KEYWORD
********************************************************************* */

#foot_wrap #foot_area #foot_keyword {
	width: 950px;
	margin: 0;
	padding: 0 0 15px;
	background: url("../img/foot_bar.gif") repeat-x bottom center;
}

#foot_wrap #foot_area #foot_keyword li {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}

#foot_wrap #foot_area #foot_keyword li a {
	color: #fff;
	text-decoration: none;
}


/* FOOT COPY
********************************************************************* */

#foot_wrap #foot_area #foot_copy {
	width: 950px;
	margin: 0;
	padding: 10px 0 0;
	clear: both;
}

#foot_wrap #foot_area #foot_copy #foot_link {
	width: 680px;
	margin: 0;
	padding: 0;
	float: left;
}

#foot_wrap #foot_area #foot_copy address {
	width: 261px;
	margin: 0;
	padding: 0 0 0 9px;
	float: left;
}

#foot_wrap #foot_area #foot_copy #foot_link li {
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	border-right: 1px solid #fff;
	float: left;
	font-size: 10px;
	line-height: 1em;
}

#foot_wrap #foot_area #foot_copy #foot_link li.listend {
	border: none;
}

#foot_wrap #foot_area #foot_copy #foot_link li a {
	color: #fff;
	text-decoration: none;
}