@charset "utf-8";
/*
Theme Name: 科学レンタルサーバ.com
Theme URI: http://www.science-web.co.jp/
Description: 科学レンタルサーバ.comのテーマ
Version: 1.6
Author: 大塚麻紀
Author URI: http://www.science-web.co.jp/
Tags: simple
Template: default

*/

/* ---------------------------------------------
   基本設定
--------------------------------------------- */
*{ margin:0;padding:0; }

body {
    margin:0 auto;
    padding:0;
    text-align:center;
    background-color:#efeee2;
	background-image:url(images/menu/bg.gif);
	background-repeat:repeat-x;
	background-position:0 105px;
    color:#330;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style:normal;
    line-height:1.3em;
	font-size:1em;
	/*\*/
	letter-spacing:0.05em;
	/**/
    }

/* 見出し ----------------------------------*/
h2 {
    border-left:20px solid #82ae46;
    border-bottom:2px solid #82ae46;
    padding:2px 5px;
    margin:20px 0;
    font-size:1.1em;
    }
h3 {
    border-bottom:1px dashed #82ae46;
    padding:0 0 0 2px;
    margin:20px 0 20px 10px;
    font-size:0.9em;
    color:#060;
    }
h4 {
    border-left:10px solid #82ae46;
    padding:0 0 0 2px;
    margin:20px 0 20px 20px;
    font-size:0.8em;
    line-height:1.05em;
    }
/* 段落・文章----------------------------------*/
#contents p {
    font-size:0.8em;
    line-height:1.5em;
    margin:10px 0 30px 20px;
	}

/* リンク ----------------------------------*/
a:link {
	color:#36C;
	text-decoration:none;
	overflow:hidden;
    }
a:visited {
	color:#36C;
	text-decoration:none;
	overflow:hidden;
    }
a:hover {
	color:#F90;
	text-decoration:none;
	overflow:hidden;
    }
	
/* リスト・画像 ----------------------------------*/

ul li { list-style-type:none; }

img {
    vertical-align:text-bottom;
	border:0;
	}
/* オプション------------------------------------- */
	
/* 右寄せ*/
.alignright{
  float : right;
}
	
/* 左寄せ */
.alignleft {
    float: left;
    }
	
/* クリア */
.clear {
    clear: both;
    }
	
/* 赤文字 */
.point {
	color:#C00;
	}
/* ---------------------------------------------
　全体の囲い
--------------------------------------------- */
#wrapper {
        width:742px;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
	}
	
/* ---------------------------------------------
   ヘッダ
--------------------------------------------- */
#header {
    width:742px;
	height:105px;
	background-image:url(../images/head_bg.jpg);
	overflow:hidden;
        background-position:0;
        margin:0;
        padding:0;
	}
h1 a {
    width:468px;
	height:96px;
	background-image:url(images/title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:1px 266px 0 7px;
	background-position:0 ;
	overflow:hidden;
	display:block;
	}
/* ---------------------------------------------
  コンテンツ部分
--------------------------------------------- */
#main {
    width:742px;
    padding:10px 0;
    background-color:#FFF;
    text-align:left;
	}
/* ベーシックプラン・ライトプラン ------------------------------*/
#plan {
    width:742px;
	height:210px;
	}
	* html #plan {
	height:230px;
	}
	*:first-child+html #plan {
	margin-bottom:20px;
	}
	#plan ul {
	margin:20px 0 0 30px;
	vertical-align:middle;
	}
	#plan ul li {
	float:left;
        text-align:left;
	}
	#plan ul li a {
	display:block;
	text-indent:-9999px;
	width:331px;
	height:200px;
	margin-right:22px;
	}
	#plan ul li a.basic {
	background-image:url(images/basic_plan.jpg);
	}
	#plan ul li a.light {
	background-image:url(images/light_plan.jpg);
	}
/* メインコンテンツ ------------------------------*/
#contents {
    width:500px;
	margin:0px 24px 0 30px;
	float:left;
	text-align:left;
	}
	* html #contents {
	margin:0 12px 0 15px;
	}

#contents ul,
#contents ol{
    font-size:0.8em;
    line-height:1.5em;
    margin:10px 0 30px 40px;
}

#contents ul li {
    list-style-type:disc;
}

#contents table,
#contents th,
#contents td{
    border:#000000 solid 1px;
    padding:5px 5px 5px 5px;
    border-collapse:collapse;
}

#contents table{
    margin-left:20px;
}

#contents th,
#contents td{
    font-size:0.8em;
}

#contents th{
    color:#FFFFFF;
    background-color:#82ae46;
}

/* サービスNEWS ------------------------------*/
#news_service {
    width:500px;
	margin-bottom:50px;
	margin-top:20px;
	}
#news_service h2 {
	background-image:url(images/service_title.gif);
	width:204px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 10px 0;
        padding:0;
        border:0;
	}
#news_service dl {
    margin-left:15px;
	width:480px;
	border-bottom:1px dashed #CC9;
	margin-bottom:10px;
	padding-bottom:3px;
	}
	#news_service dt {
	background-image:url(images/service_point.gif);
	background-repeat:no-repeat;
	background-position:0 0.2em;
	padding-left:15px;
	font-size:0.8em;
	float:left;
	display:block;
	width:8.5em;
	line-height:1.2em;
	}
	#news_service dd {
	display:block;
        padding-left:9em;
	}
	#contents #news_service dd p {
	font-size:0.8em;
        margin:0 0 10px 0;
	}
/* 障害情報NEWS ------------------------------*/
#news_trouble {
    width:500px;
	margin-bottom:30px;
	}
#news_trouble h2 {
	background-image:url(images/trouble_title.gif);
	width:209px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 10px 0;
        padding:0;
        border:0;
	}
#news_trouble dl {
    margin-left:15px;
	width:480px;
	border-bottom:1px dashed #CC9;
	margin-bottom:10px;
	padding-bottom:3px;
	}
	#news_trouble dt {
	background-image:url(images/trouble_point.gif);
	background-repeat:no-repeat;
	background-position:0 0.2em;
	padding-left:15px;
	font-size:0.8em;
	float:left;
	display:block;
	width:8.5em;
	line-height:1.2em;
	}
	#news_trouble dd {
	display:block;
        padding-left:9em;
	}
	#contents #news_trouble dd p {
	font-size:0.8em;
        margin:0 0 10px 0;
	}
dt span.time {
        color:#996;
	font-size:0.9em;
        }
/* バナーリンク ------------------------------*/
#link {
    width:156px;
	margin:0px 30px 0 0;
	float:right;
	}
	* html #link {
	margin-right:15px;
	}
#link ul {
	margin-bottom:25px;
	}
	#link ul li a {
    display:block;
	margin:auto;
	margin-bottom:5px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:center;
	}
	/* お見積りボタン ---------------------*/
	#link ul li a.estimate {
    background-image:url(images/button_estimate.jpg);
	width:156px;
	height:43px;
	margin-bottom:2px;
	}
	/* お問い合わせボタン ---------------------*/
	#link ul li a.contact {
    background-image:url(images/button_contact.jpg);
	width:156px;
	height:43px;
	}
	/* ASPボタン ---------------------*/
	#link ul li a.asp {
    background-image:url(images/button_asp.jpg);
	width:156px;
	height:60px;
	}
	/* デモ版ボタン ---------------------*/
	#link ul li a.demo {
    background-image:url(images/button_demo.jpg);
	width:156px;
	height:60px;
	}
	/* SWCボタン ---------------------*/
	#link ul li a.swc {
    background-image:url(images/banner/swc.gif);
	width:150px;
	height:73px;
	}
	/* lab-wwwボタン ---------------------*/
	#link ul li a.lab-www {
    background-image:url(images/banner/lab-www.gif);
	width:150px;
	height:73px;
	}
	/* MT4ボタン ---------------------*/
	#link ul li a.mt4{
    background-image:url(images/banner/mt4.gif);
	width:67px;
	height:42px;
	margin-bottom:20px;
	}
	/* Joomla!ボタン ---------------------*/
	#link ul li a.joomla{
    background-image:url(images/banner/joomla.jpg);
	width:88px;
	height:17px;
	margin-bottom:20px;
	}
	/* WPボタン ---------------------*/
	#link ul li a.wp{
    background-image:url(images/banner/wp.gif);
	width:114px;
	height:29px;
	margin-bottom:20px;
	}
/* ---------------------------------------------
  フッター
--------------------------------------------- */
#footer {
    clear:both;
    width:100%;
	background-color:#4f7620;
	border-top:10px solid #a4b900;
	padding:15px 0;
	}
#footer p {
	color:#FFF;
	clear:both;
	font-size:0.8em;
	/*\*/
	letter-spacing:0em;
	/**/
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	padding-top:22px;
	height:51px;
	width:35em;
	text-align:center;
	margin:auto;
	margin-top:20px;
	}
/* ---------------------------------------------
  メニュー
--------------------------------------------- */
#navi {
    width:742px;
	height:28px;
	background-color:#b8d200;
	}
	#navi ul {
    float:right;
	margin-right:5px;
	}
	#navi ul li {
    float:left;
	margin:6px 0 0 20px;
	}
	#navi ul li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:16px;
	}
	/* sitemap ------------------------------*/
	#navi ul li a.sitemap {
	background-image:url(images/menu/sitemap.gif);
	width:85px;
	}
	#navi ul li a.sitemap:hover {
	background-image:url(images/menu/sitemap_ov.gif);
	}
	/* お問い合わせ ------------------------------*/
	#navi ul li a.contact {
	background-image:url(images/menu/contact.gif);
	width:95px;
	}
	#navi ul li a.contact:hover {
	background-image:url(images/menu/contact_ov.gif);
	}
#menu {
    width:742px;
	height:28px;
	background-color:#BBB;
	}
	#menu ul {
	margin-right:1px;
	}
	#menu ul li {
    float:left;
	}
	#menu ul li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:185px;
	height:28px;
	}
	/* ホーム ------------------------------*/
	#menu ul li a.home {
	background-image:url(images/menu/home.jpg);
	}
	#menu ul li a.home:hover {
	background-image:url(images/menu/home_ov.jpg);
	}
	/* サービス ------------------------------*/
	#menu ul li a.service {
	background-image:url(images/menu/service.jpg);
	}
	#menu ul li a.service:hover {
	background-image:url(images/menu/service_ov.jpg);
	}
	/* お申し込み ------------------------------*/
	#menu ul li a.request {
	background-image:url(images/menu/request.jpg);
	}
	#menu ul li a.request:hover {
	background-image:url(images/menu/request_ov.jpg);
	}
	/* サポート ------------------------------*/
	#menu ul li a.support {
	background-image:url(images/menu/support.jpg);
	}
	#menu ul li a.support:hover {
	background-image:url(images/menu/support_ov.jpg);
	}
#sitenavi {
    width:742px;
	text-align:center;
	margin:auto;
	}
	#sitenavi ul {
	display:inline-block;
	text-align:center;
	margin:auto;
	}
	* html #sitenavi ul {
	margin:0 12%;
	}
	*:first-child+html #sitenavi ul {
	margin-left:6em;
	}
	#sitenavi ul li {
    float:left;
	}
	#sitenavi ul li a {
	color:#FFF;
	padding:0 10px;
	font-size:0.8em;
	border-right:1px solid #FFF;
	}
	#sitenavi ul li a:hover {
	color:#FF0;
	text-decoration:underline;
	}
	#sitenavi ul li a.last {
	border-right:0px;
	}
/* ---------------------------------------------
  clearfix
--------------------------------------------- */
/* _uEU(Firefox Opera Safari) */
.clearfix:after { content: " "; display: block; height: 0; visibility: hidden; clear: both; }
/* WinIE7MacIE5 */
.clearfix{
   display:inline-block;
}

/* WinIE56 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */