@charset "Shift_JIS";

/* develop.css内で指定するもの・・・・・

fix.css及びbase.cssの記載要件に該当しない、各サイト毎に異なるCSSを記載する
サイトリニューアルを考慮し、極力fix.css、base.css内での指定で済ませるように配慮する。

*/


/* ---------------------------------------------
               全ページ共通設定
---------------------------------------------- */

/* ---------    水平線 flotクリア　　----------- */
hr {
	clear:both;
	color: #CCCCCC;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
	visibility:hidden;
}

/* ---------    定義リストdd　　----------- */

dd {
	line-height: 1.3em;
}

dt {
	font-weight: bold;
	color:#F00;
}



/* ---------    全ページ共通レイアウト 　----------- */

h4 {
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
}


.bold {
	font-weight: bold;
}

.pt_10 {
	padding-top:10px;
}

.pb_10 {
	padding-bottom:10px;
}

.pl_10 {
	padding-left:10px;
}

.pa_5 {
	padding:5px;
}

.bg_paleblue{
	background-color:#E0F4FB;
}

#header {
	background-image: url(../images/common/bg_header.jpg);
	height: 90px;
	width: 100%;
	text-align: center;
}
#header_wrapper {
	height: 120px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
#header_title {
	padding-top: 25px;
	width: 280px;
	float: left;
}
#header_column_right {
	float: right;
	height: 71px;
	width: 200px;
	margin-top: 14px;
	background-image: url(../images/common/img_header_tel.jpg);
}
#header_column_center {
	float: right;
	height: 71px;
	width: 425px;
	margin: 14px 10px 0 0;
}
#header_column_center_top {
	height:28px;
}
#header_column_center_top #input_space {
	width: 176px;
	height: 28px;
	line-height: 28px;
	padding-left: 30px;
	background:url(../images/common/bg_header_search.jpg);
	border:none;
	margin: 0;
	vertical-align:top;
}
#header_column_center_top input #submit_button {
	width: 97px;
	height: 28px;
	line-height: 28px;
	padding-left: 30px;
	background:url(../images/common/btn_header_search.jpg);
	border:none;
	margin: 0;
	vertical-align:top;
}

#header_column_center_bottom {
	height:36px;
	margin-top:7px;
}

#header_privacy {
	float: right;
	height: 40px;
	width: 130px;
	margin-top: 30px;
}
#header_sitemap {
	float: right;
	height: 40px;
	width: 90px;
	margin-top: 30px;
	margin-right:20px;
}
#wrapper {
	background-image: url(../images/common/bg_wrapper.jpg);
	background-repeat: repeat-y;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#headmenu {
	height:25px;
	width: 910px;
}

#wrapper_head {
	background-image: url(../images/common/bg_wrapper_head.jpg);
	height: 10px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1px;
}
#footer {
	height: 20px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(../images/common/bg_footer2.jpg);
	background-repeat: no-repeat;
	position: relative;
	padding-top: 45px;
}
#right_menu_wrapper {
	float: right;
	width: 230px;
	margin-right: 5px;
	position: absolute;
	right: 3px;
	top: -10px;
}
.rightmenu_cont {
	background-image: url(../images/common/bg_menu.jpg);
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	padding-bottom: 15px;
	z-index: 0;
}
ul.rightmenulist {
	list-style-position: inside;
	list-style-image: url(../images/common/icon_yazirusri.jpg);
	margin-right: 0px;
	margin-left: 5px;
	padding-bottom: 10px;
	margin-bottom:0px;
}
.rightmenulist li {
	padding-bottom:2px;
}

#headmenu li {
	display:inline;
	margin:0px;
}
#maincont {
	width: 670px;
	min-height: 1100px;
	margin-top: 3px;
	padding-left: 10px;
}
#maincont2 {
	width: 670px;
	margin-top: 3px;
	padding-left: 10px;
}

.contblock {
	background-image: url(../images/common/bg_cont.jpg);
	background-repeat: repeat-y;
	width: 660px;
	margin-top: 10px;
}
.contblock p {
	padding-left:25px;
	padding-right:30px;
}

.cont_h2 {
	background-image: url(../images/common/h2_blank.jpg);
	height: 55px;
	width: 660px;
	background-repeat: repeat;
	position: relative;
}
#cont_h1 {
	background-image: url(../images/common/h1_title.jpg);
	height: 75px;
	width: 660px;
	position: relative;
	line-height:1.3em;
}
.cont_h2_block {
	position: absolute;
	width: 622px;
	left: 24px;
	height: 35px;
	top: 24px;
}
#h1_target {
	color: #FFF;
	width: 500px;
	position: absolute;
	text-align: right;
	left: 151px;
	top: 15px;
}
.waku {
	margin:10px;
	border:solid;
	border-width:5px;
	border-top-color: #FFD8C7;
	border-right-color: #FFD8C7;
	border-bottom-color: #FFD8C7;
	border-left-color: #FFD8C7;
	padding: 5px;
}
h3 .h3balloon {
	position: absolute;
	width: 45px;
	height: 40px;
	left: 272px;
	top: -24px;
}


/*---------パンくずリスト設定---------*/

#pankuzu {
	background-image: url(../images/common/bg_pankuzu.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 660px;
	font-size: 10px;
	color: #FFF;
	text-align: right;
	padding-top: 3px;
	margin-bottom: 1px;
	line-height: 15px;
}
#pankuzu a:link{
	   color:#FFF;
	   text-decoration:underline;
}
#pankuzu a:visited{
	   color:#FFF;
	   text-decoration:underline;
}

/* ---------------------------------------------
               各ページ用設定
---------------------------------------------- */

#maincont_mcafee {
	min-height: 800px;
	margin-top: 5px;
	background-color:#FFF;
	width: 680px;
	margin-right: auto;
	margin-left: 0px;
}
#contents_mcafee {
	float: none;
	width: 660px;
	margin-left: 10px;
}
.comtblock_foot {
	background-image: url(../images/common/cont_foot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	width: 660px;
	clear: both;
}
.comtblock_middle {
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
}
.contblock_foot {
	background-image: url(../images/common/cont_foot.jpg);
	height: 10px;
	width: 660px;
	overflow: hidden;
}
table.table01_half { /* テーブル設定 html/service/sunfieldphone/price.htmlで使用 */
	margin:0 0 20px;
	line-height:150%;
	width:310px;
	text-align:center;
}
table.table01_half th {
	background-color:#DFF5FB;
	padding:5px;
	font-weight:normal;
}
table.table01_half td {
	background-color:#f9f9f9;
	padding:5px;
}

/*---------ゲートウェイページで使用---------*/
.indexpage h3 {
	background-image:url(../images/common/h3_title_index.jpg);
}

.indexpage ul {
	list-style:none;
}

a.button_more {
	background-image: url(../images/common/icon_more.jpg);
	display: block;
	height: 16px;
	width: 56px;
	margin-left: 592px;
}

a:hover.button_more {
	background:url(../images/common/icon_more_on.jpg)
}

/*---------トップページで使用---------*/

div #index_bana_left {
	height: 170px;
	width: 325px;
}
div #index_bana_right {
	float: right;
	height: 170px;
	width: 325px;
}
div #index_bana_space {
	width: 660px;
	height: 170px;
}

div #index_weather {
	text-align:center;
	height: 200px;
	overflow: hidden;
	width: 200px;
	border-bottom: 1px solid #CCC;
	margin: 10px auto;
}
.connect_widget {
	background-color:#FFF !important;
}
.fbConnectWidgetFooter {
	display: none !important;
}
.btn_servicelist_base {
	position: relative;
}

.btn_servicelist_base .btn_servicelist {
	height: 20px;
	width: 101px;
	position: absolute;
	right: -4px;
	bottom: 10px;
}
.btn_servicelist_base a {
	display: block;
	height: 20px;
	width: 101px;
	background-image: url(../images/common/btn_seivicelist_off.gif);
	z-index: 10;
}

.btn_servicelist_base a:hover {
	background-image: url(../images/common/btn_seivicelist_on.gif);
	z-index: 10;
}
#facebook_space {
	height: 230px;
}
#footer #btn_to_top {
	position: absolute;
	height: 37px;
	width: 76px;
	left: 834px;
	top: -15px;
}
#footer #adress {
	width: 600px;
}
#footer #footerlink {
	float: right;
	width: 300px;
	text-align: right;
}
/*---------フォームで使用---------*/

#form {
	background-color:#eee;
	text-align:center;
	padding:5px;
}
#form textarea{
	font-size:90%; 
	color:#333;
}
#form .submit{
	padding:5px;
	margin:3px;
}

/*---------メール転送　設定例で使用---------*/

#example_waku {
	width:630px;
	margin:10px auto;
}

.example{
	padding:10px 10px 10px 0px;
	font-size:14px;
}

#example_waku table {
	width:95%;
	background-color:#999999;
}

#example_waku table th {
	padding:5px;
	background-color: #C1FFF8;
}

#example_waku table td {
	padding:5px;
	background-color:#FFFFFF;
	line-height:180%;
}

/*---------デコードメール設定例で使用---------*/


pre{
	background-color : #f0f0ff;
	line-height: 120%;
	padding : 7px 5px 5px 10px;
	margin : 0 auto 20px auto;
	border : 1px solid #d7d7ff;
	font-size : 12px;
	color:#000;
	width : 550px;
	overflow: scroll;
	height : auto;
}

pre span {
	color:#888;
}