@charset "utf-8";

table {
    font-size:inherit;
    font:100%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

ol > li {
	list-style-position: inside;
}

body  {
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
    *font-size:small;
    *font:x-small;
	font-size: 13px;
	line-height: 130%;
	background-image: url(../images/top_bg.gif);
	background-repeat: no-repeat;
	background-position: center 45px;
	background-color: #FFFFFF;
}
.floatClear {
	clear: both;
}

.twoColFixLtHdr #container {
	width: 870px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 108%;
	background-image: url(../images/container_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
} 
.twoColFixLtHdr #headerline{
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	padding-top: 15px;
}
.twoColFixLtHdr #headerline h1{
	color:#FFFFFF;
	font-size: 93%;
	margin: 0px;
	padding: 0px;
}

.twoColFixLtHdr #header {
	width: 870px;
	padding-top: 0;
	padding-bottom: 0;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 93%;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.twoColFixLtHdr #mainContent {
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	margin-right: 0px;
	width: 610px;
	float: left;
	min-height:700px;
	height: auto !important;
	height: 700px;
} 
.twoColFixLtHdr #footer {
	background-color: #000000;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 93%;
	color: #FFFFFF;
	margin: 0px;
}
.twoColFixLtHdr #footer a:visited {
	color: #FF0000;	
}
.twoColFixLtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixLtHdr #container #mainimg {
	margin: 0px;
	padding: 0px;
}

.twoColFixLtHdr #container #mainContent #basis {
	background-image: url(../images/basis.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 86px;
}
.twoColFixLtHdr #container #mainContent #b-content {
	background-image: url(../images/basis_side.gif);
	background-repeat: repeat-y;
	width: 220px;
	float: left;
	margin-bottom: 20px;
}
.twoColFixLtHdr #container #mainContent #b-content p {
	margin: 5px;
}

.twoColFixLtHdr #container #mainContent #plan2 {
	background-image: url(../images/plan2_side.gif);
	background-repeat: repeat-y;
	width: 220px;
	float: left;
	margin-left: 80px;
}
.twoColFixLtHdr #container #mainContent #plan2 p {
	margin: 5px;
}

.twoColFixLtHdr #container #mainContent #option {
	background-image: url(../images/option.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 85px;
}
.twoColFixLtHdr #container #mainContent #opContent_R {
	background-image: url(../images/option_side.gif);
	background-repeat: repeat-y;
	width: 220px;
	float: left;
	margin-left: 80px;

}
.twoColFixLtHdr #container #mainContent #opContent_R p {
	margin: 5px;
}

.twoColFixLtHdr #container #mainContent #opContent_L {
	background-image: url(../images/option_side.gif);
	background-repeat: repeat-y;
	width: 220px;
	float: left;
}
.twoColFixLtHdr #container #mainContent #opContent_L p {
	margin: 5px;
}
.twoColFixLtHdr #container #mainContent #o-end {
	height: 15px;
	width: 220px;
	background-image: url(../images/option_end.gif);
	background-repeat: no-repeat;
}

.twoColFixLtHdr #container #mainContent .plan-b a {
	background-image: url(../images/plan.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 188px;
	display: block;
	margin: 5px;
}

.twoColFixLtHdr #container #mainContent .plan-b a:hover {
	background-image: url(../images/plan_f2.gif);
}
.twoColFixLtHdr #container #mainContent .otoiawase-b a {
	background-image: url(../images/toiawase-b.gif);
	background-repeat: no-repeat;
	height: 68px;
	width: 141px;
	display: block;
	margin-top: 30px;
}

.twoColFixLtHdr #container #mainContent .otoiawase-b a:hover {
	background-image: url(../images/toiawase-b2.gif);
}

.twoColFixLtHdr #container #mainContent #topBanner {
	margin-left:5px;
}
.twoColFixLtHdr #container #mainContent #title {
	height: 20px;
	width: 500px;
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 40px;
	background-position: left center;
}

.twoColFixLtHdr #container #mainContent .li1 {
	font-weight: bold;
	height: 20px;
	width: 500px;
	margin-top: 3px;
	font-size: 123.1%;
	padding-bottom: 5px;
	text-align: left;
	display: block;
	list-style-type: none;
	background-image: url(../images/li1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.twoColFixLtHdr #container #mainContent .li2 {
	height: auto;
	width: 480px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 108%;
	bottom: 10px;
	top: 5px;
	display: block;
	list-style-type: none;
	background-image: url(../images/li2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-bottom: 15px;
}
.twoColFixLtHdr #container #mainContent .li3 {
	font-size: 123.1%;
	font-weight: bold;
	list-style-image: url(../images/li3.jpg);
	height: 30px;
	width: 500px;
	margin-top: 5px;
	display: block;
}


#contact {
	height: 100px;
	width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}
.twoColFixLtHdr #container #mainContent .service_flow{
	width: 547px;
	background-image: url(../images/flow/step_side.gif);
	background-repeat: repeat-y;
	margin-bottom: 0px;
	padding-bottom: 10px;
}.twoColFixLtHdr #container #mainContent .service_flow p {
	width: 500px;
	margin-left: 40px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CC0000;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 5px;
}
#leftMenuBox{
	margin-left: 20px;
}
.twoColFixLtHdr #container #mainContent .topMess_r {
	text-align: right;
}
.twoColFixLtHdr #container #mainContent #qa ul {
	margin: 0px;
	padding: 0px;
}

.twoColFixLtHdr #container #mainContent .question {
	list-style: none;
	background-image: url(../images/q.gif);
	background-repeat: no-repeat;	
	width: 500px;
	display: block;
	font-size: 93%;	
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-position: left;
}
.twoColFixLtHdr #container #mainContent .answer {
	list-style: none;
	background-image: url(../images/a.gif);
	background-repeat: no-repeat;
	width: 500px;
	display: block;
	font-size: 93%;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-position: left 8px;
	margin-left: 15px;
	margin-bottom: 10px;

}

/*　----------------------------------------------------------　*/

/*　メインエリア内のulの初期化　*/
.twoColFixLtHdr #container #mainContent ul {
	margin-left: 20px;
	padding-left: 0px;
}

/*　メインエリア内イメージ用スタイル　*/
.twoColFixLtHdr #container #mainContent .imageMgnH {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*　1ペインのメインエリアのH1タイトル　*/
.twoColFixLtHdr #container #mainContent h1 {
	background-image: url(../images/layout/h1_1pain_b.jpg);
	height: 35px;
	width: 648px;
	margin-top: 10px;
	font-size: 138.5%;
	background-repeat: no-repeat;
	display: block;
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
}

/*　1ペインタイトルスタイル　*/
.twoColFixLtHdr #container #mainContent .barTitle {
	background-image: url(../images/layout/h1_1pain_a.jpg);
	height: 24px;
	width: 648px;
	padding-left: 25px;
	font-size: 113%;
	padding-top: 6px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	display: block;
	margin-top: 15px;
}
/*　1ペイン・サブタイトルスタイル　*/
.twoColFixLtHdr #container #mainContent .subTitle {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
}


/*　3列用BOXスタイル　*/
.twoColFixLtHdr #container #mainContent .tertialBox {
	background-image: url(../images/tertialbox.jpg);
	height: 187px;
	width: 187px;
	float: left;
	margin-right: 4px;
	margin-left: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.twoColFixLtHdr #container #mainContent .tertialBox p {
	padding: 0px;
	margin: 5px;
}
.twoColFixLtHdr #container #mainContent .tertialBox .icon {
	margin-left: 2px;
}
/*　3列用BOXスタイルここまで　*/

/*　1ペインの枠付デザイン（背景）　*/
.twoColFixLtHdr #container #mainContent .h2bg{
	background-image: url(../images/layout/h2_1pain_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 20px;
	width: 668px;
	margin-top: 10px;
}
.twoColFixLtHdr #container #mainContent .h2bg .wakuMainBody{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
/*　1ペインの枠付枠内タイトル（ヘッダー）　*/
.twoColFixLtHdr #container #mainContent .h2bg .titleStyle1 {
	background-image: url(../images/layout/h2_1pain_a.gif);
	height: 29px;
	width: 648px;
	padding-left: 20px;
	font-size: 123.1%;
	padding-top: 10px;
}

/*　枠付「リスト2列」表示　*/
.twoColFixLtHdr #container #mainContent .h2bg ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.twoColFixLtHdr #container #mainContent .h2bg .h2_2pain li {
	font-size: 108%;
	background-image: url(../images/layout/main_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 15px;
	list-style-type: none;
	display: block;
	width: 250px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
/*　END　枠付「リスト2列」表示　*/

/*1ペインの矢印付リスト表示　ul*/
.twoColFixLtHdr #container #mainContent #arrowList {
	margin-top: 5px;
}
.twoColFixLtHdr #container #mainContent #arrowList li {
	background-image: url(../images/layout/main_arrow_strong.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 24px;
	list-style-type: none;
	padding-top: 5px;
	display: block;
	padding-bottom: 5px;
	line-height: 125%;
	width: 530px;
}
/*1ペインの矢印付リスト表示ここまで*/


/*　画像付2列リストレイアウト　*/
.twoColFixLtHdr #container #mainContent > #block2pain {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.twoColFixLtHdr #container #mainContent #block2pain dt {
	display: block;
	width: 50px;
	float: left;
	margin-bottom: 10px;
	height: 50px;
}

.twoColFixLtHdr #container #mainContent #block2pain dd {
	float: left;
	display: block;
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
	clear: none;
	height: 50px;
	font-size: 108%;
	line-height: 140%;
	margin-bottom: 10px;
}
/*　END　画像付2列リストレイアウト　*/


/*　２列タイトル付レイアウト　*/
.twoColFixLtHdr #container #mainContent .area2pain {
	width: 310px;
	float: left;
	font-size: 108%;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 5px;
}
.twoColFixLtHdr #container #mainContent .area2pain p {
	margin-left: 14px;
	padding: 0px;
	margin-top: 0px;
	line-height: 140%;
}
.twoColFixLtHdr #container #mainContent .area2pain h2 {
	background-image: url(../images/layout/h2_2pain_a.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 290px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
/*　END　２列タイトル付レイアウト　*/
.twoColFixLtHdr #container #mainContent .wBox .attention {
	font-size: 77%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #CC0000;
}





.twoColFixLtHdr #container #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 235px;
	padding-top: 10px;
	padding-bottom: 15px;
	list-style-type: none;
}

.twoColFixLtHdr #container #sidebar1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.twoColFixLtHdr #container #sidebar1 .sidemenu li {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
.twoColFixLtHdr #container #sidebar1 .sidemenu a {
	width: 165px;
	height: 20px;
	font-size: 93%;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990000;
	list-style-type: none;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-color: #CC0000;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.twoColFixLtHdr #container #sidebar1 .sidemenu a:hover {
	color: #000000;
	background-color: #FFFF66;
}

.twoColFixLtHdr #container #sidebar1 #sidemenuend {
	height: 94px;
	width: 131px;
	margin-left: 70px;
	margin-top: 30px;
}
.twoColFixLtHdr #container #sidebar1 #listwaku {
	margin-left: 20px;
}

/*　制作実績　*/
.twoColFixLtHdr #container #mainContent #result {
	background-image: url(../images/leaf/sresult_bg.jpg);
	height: 255px;
	width: 650px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	background-repeat: no-repeat;
}

.twoColFixLtHdr #container #mainContent #result ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.twoColFixLtHdr #container #mainContent #result li {
	list-style-type: none;
	padding: 0px;
	float: left;
	display: block;
	width: 155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.twoColFixLtHdr #container #mainContent #result li img {
	margin-left: 7px;
	display: block;

}
.twoColFixLtHdr #container #mainContent #result_title {
	margin-left: 10px;
}
.twoColFixLtHdr #container #mainContent #result p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 6px;
	font-size: 12px;
}
/*　制作実績ここまで　*/
.twoColFixLtHdr #container #mainContent #resultList {
	margin-left: 530px;
	display: block;
}

.floatClear {
	clear: both;
}

.newsIntro {
	font-size: 12px;
}
/* テーブルスタイルベーシック */
.table_basic {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.table_basic th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #E1E1E1;
	padding: 5px;
}
.table_basic td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}