/* 
（CSS説明）
サイトトップページ指定
 */


/* ↓【コンテンツエリア】 */

#maincolumn {
	float:left;
	margin: 0px 5px 5px 11px;
	display: inline;
	width:650px;
}

#sidecolumn{
	float:right;
}

#mainimg {
	margin: 0px auto 0px auto;
	padding: 10px 0px 0px;
}

/* 属性ごと */
.guid table{
	border: solid 0px #f00;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 650px;;
	height: auto;
}	

.guid h2 {
	border: solid 0px #f00;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: auto;
}

.guid img {
	border: solid 0px #f00;
}

.guid_hline{
	border-left: 3px solid #CCC; 
	line-height: 1.0em;
}

.guid_box{
	border: 1px solid #CCC; 
	padding:2px;
	margin:5px 2px;
	height:80px;
}

/* 新着ニュースエリア */
.news {
	border : solid 0px #F00;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 650px;
	height: auto;
}

.news h2 {
	border: solid 0px #f00;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 650px;
	height: 27px;
}

#news-area {
	font-size: 80%;
	margin: 0px 20px;
	padding: 5px 10px;
	height: auto;
	border: 1px solid #DADADA;
}

#news-table {
	margin: 0px;
	padding: 0px;
	width: 600px;
	height: auto;
	line-height: 150%;
}

#news-table tr td {
	margin: 0px;
	padding: 3px 0px;
	width: 600px;
	height: auto;
}

#news-table tr td.newsDate {
	border: solid 0px #F00;
	width:;
	white-space: pre;
	margin: 0px;
	padding: 3px 15px 0px 0px;
	width: 0px;
	height: 0px;
	vertical-align: text-top;
}

#news-table tr td.point {
	width: 10px;
	margin: 0px;
	padding: 6px 7px 0px 0px;
	vertical-align: baseline;
}


/* プランリスト */
.plan_list {
	list-style-type:none;
	float:left;
}



/* 事例のサムネイル表示 */
table#thum {
	border: solid 0px #F00;
	padding: 0px;
	margin:0px auto;
}

table#thum img{
	border: solid 1px #CCC;
}

table#thum td{
	border: solid 0px #F00;
	padding: 0px 5px 0px 5px;
}

table#thum h5{
	border: solid 0px #F00;
	line-height: 100%;
	margin: 5px 0px 5px 0px;
	color: #4A72A8;
}

table#thum h5 span{
	font-weight: normal;
	font-size: 80%;
	
}

table#thum p{
	border: solid 0px #F00;
	line-height: 100%;
	margin: 0px 0px 5px 0px;
}


/* メルマガ購読ボタン */
.back_btn img{
	padding:0px;
	margin:0px;
}

.back_btn p{
	padding:5px;
	background-color:#FFFFFF;
	border: solid 1px #FF9900;
	font-size: 80%;
}

/* ↑【コンテンツエリア】 */


/* ↓トップページ「ショップサーブ通信」バナー */
#magazineBanner {
	line-height:100%;
	background-color:#FFFFFF;
	text-align:left; margin:auto;
	padding:5px;
	width:170px;
	border:solid 1px #CC0000;
	color:#CC0000;
}

#magazineBanner h5{
	margin:0px 0px 0px 0px;
}

#magazineBanner p{
	border: solid 0px #F00;
	margin:0px 0px 0px 0px;
}

#magazineBanner a:hover {
	color: #CC0000;
}

#magazineBanner a {
	font-size:80%;
}

/* トップページ */
/* お役立ち情報 */


.TabbedPanels {
	margin: 0px 5px;
	padding: 0px;
	clear: both;
	width: 630px; 
}
.TabbedPanelsTabGroup {
	margin: 0px 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	float: left;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: url(../img/top_img_tab01.jpg);
	width:180px;
	height:38px;
	color:#0081C2;
	margin:0px;
	padding:0px;
}

.TabbedPanelsTab div{
	font-size:90%;
	font-weight:bold;
	margin:8px 0px 5px 10px;
}


.TabbedPanelsTabHover {
	background-image: url(../img/top_img_tab01_on.jpg);
	width:180px;
	height:38px;
	color:#FFFFFF;
}


.TabbedPanelsTabSelected {
	background-image: url(../img/top_img_tab01_on.jpg);
	width:180px;
	height:38px;
	color:#FFFFFF;
}



.TabbedPanelsContentGroup {
	clear: both;
	margin:0px 0px;
	padding:0px 0px;
	width:650px;
}

.TabbedPanelsContent {
	margin:0px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;

}

.TabbedPanelsContent ul{
	margin:0px 0px;
	font-size:80%;
}

.TabbedPanelsContent ul li{
	list-style:none;
    	padding:3px 5px 0px 5px;
}

.TabbedPanelsContent ul li a{
	color:#0099CD;
}

.TabbedPanelsContent ul li a:hover{
	color:#CC0000;
}


.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;

}

/************/
#contents #maincolumn .SearchFormokuteki {
	margin: 0px auto;
	width:648px;
	border:#D7E8AD 1px solid;
	background: #F0F6E1 url(../img/110403_bg.gif) repeat;
	padding: 3px 4px 7px;
}

*#contents #maincolumn .SearchFormokuteki ul.fleft {
	float: left;
}

*#contents #maincolumn .SearchFormokuteki ul.fright {
	float: right;
}

#contents #maincolumn .SearchFormokuteki .kaitenmae,
#contents #maincolumn .SearchFormokuteki .kaitengo {
	width: 638px;
	margin: 0px auto 7px;
	padding: 0px;
	font-size: 80%
	}
	
#contents #maincolumn .SearchFormokuteki .kaitenmae .kaitenmaeinner {
	width: 536px;
	padding: 10px 50px;
	border-top: 0px solid #B3D766;
	border-right: 1px solid #B3D766;
	border-bottom: 1px solid #B3D766;
	border-left: 1px solid #B3D766;
}
#contents #maincolumn .SearchFormokuteki .kaitenmae li {
	list-style: none;
}
#contents #maincolumn .SearchFormokuteki .kaitenmae li {
	background: url(../img/110403_01_bg.gif) no-repeat 3px 0.1em;
	padding: 0px 0px 0px 17px;
	margin: 8px 0px;
	line-height: 1.2em;
}

#contents #maincolumn .SearchFormokuteki .kaitengo .kaitengoinner {
	width: 536px;
	padding: 10px 50px;
	border-top: 0px solid #F5B8B4;
	border-right: 1px solid #F5B8B4;
	border-bottom: 1px solid #F5B8B4;
	border-left: 1px solid #F5B8B4;
}
#contents #maincolumn .SearchFormokuteki .kaitengo li {
	list-style: none;
}
#contents #maincolumn .SearchFormokuteki .kaitengo li {
	background: url(../img/110403_02_bg.gif) no-repeat 3px 0.1em;
	padding: 0px 0px 0px 17px;
	margin: 8px 0px;
	line-height: 1.2em;
}

#contents #maincolumn .SearchFormokuteki .SearchFormokutekiBtm {
	clear: both;
	width: 638px;
	margin-right: auto;
	margin-left: auto;
}

#contents #maincolumn .SearchFormokuteki .kaitenmae li a:link,
#contents #maincolumn .SearchFormokuteki .kaitengo li a:link {
 color: #003368;;
}
#contents #maincolumn .SearchFormokuteki .kaitenmae li a:visited,
#contents #maincolumn .SearchFormokuteki .kaitengo li a:visited {
 color: #003368;
}
#contents #maincolumn .SearchFormokuteki .kaitenmae li a:hover,
#contents #maincolumn .SearchFormokuteki .kaitengo li a:hover {
 color: #006699;
}
#contents #maincolumn .SearchFormokuteki .kaitenmae li a:active,
#contents #maincolumn .SearchFormokuteki .kaitengo li a:active {
 color: #CC0000;
}
#contents #maincolumn .SearchFormokuteki .SearchFormokutekiBtm h4 {
	padding: 10px 0px 0px;
	margin-bottom: 10px;
}