@charset "Shift_JIS";
/*****************************************************
 *   共通CSS
 *
 *   @version   	1.0
 *   @since     	2008.07.02
 *   @last update   2008.07.02
 *
 ****************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd,  ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;padding: 0px;border: 0px;outline: 0px;
	font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;letter-spacing: 1px;
}
html { overflow-y:scroll; }/* Firefoxでも常にスクロールバーを表示させる */
body {
	font-family: "Arial", "Helvetica", "sans-serif", 'Tahoma', 'MS UI Gothic', 'MS PGothic', 'Osaka', "メイリオ", "Meiryo", "ＭＳ ゴシック", "Osaka−等幅";
	color:#333;background-color:#fafafa;
}
#wrapper {
	width:100%;
	margin:0px auto;
	padding:0px;
	background: url(../images/bg.gif) center top;
	position: relative;
}

/*強調
--------------------------------------------------------- */
#h1 { position:absolute;top:-475px;right:0px;font-size:10px;color:#FFFFFF; }
#subh1 { position:absolute;top:-174px;right:0px;font-size:10px;color:#FFFFFF; }

h3 { padding:10px 0px 20px 0px; }

.sub_h2 {
	margin:0px 0px 30px 0px;
	padding:4px 0px 4px 20px;
	clear:both;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	border-left: 5px solid #369;
	border-bottom: 1px solid #369;
	color: #369;
}
.sub_h3 {
	clear:both;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1px;
	color: #444;
	border-bottom: 1px dotted #ccc;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 20px 0px;
}
.sub_h4 {
	margin:0px 0px 20px 0px;padding:3px 0px 8px 40px;
	clear:both;border-bottom: 1px dotted #690;
	font-weight:bold;font-size:16px;letter-spacing:1px;color: #690;
	background:url(../images/arrow3.gif) left top no-repeat;
}
strong { font-weight:normal; }
em { font-weight:bold; }

/*キャプション 赤は#C00
--------------------------------------------------------- */
.title1 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_01.gif) left top no-repeat;
	color:#369;font-size:14px;font-weight:normal; 
}
.title2 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_02.gif) left top no-repeat;
	color:#669900;font-size:14px;font-weight:normal;
}
.title3 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_03.gif) left top no-repeat;
	color:#369;font-size:14px;font-weight:normal;
}
.title4 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_04.gif) left top no-repeat;
	color:#369;font-size:14px;font-weight:normal;
}
.title5 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_05.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}
.title6 {
	width:480px;height:10px;padding: 30px 0px 20px 0px;
	background:url(../images/title_06.gif) left top no-repeat;
	color:#B31A00;font-size:14px;font-weight:normal;
}
.title7 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_07.gif) left top no-repeat;
	color:#669900;font-size:14px;font-weight:normal;
}
.title8 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_08.gif) left top no-repeat;
	color:#369;font-size:14px;font-weight:normal;
}
.title9 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_09.gif) left top no-repeat;
	color:#B31A00;font-size:14px;font-weight:normal;
}
.title10 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_10.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}
.title11 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_11.gif) left top no-repeat;
	color:#690;font-size:14px;font-weight:normal;
}
.title12 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_12.gif) left top no-repeat;
	color:#690;font-size:10px;font-weight:bold;
}
.title13 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_13.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}
.title14 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_14.gif) left top no-repeat;
	color:#690;font-size:10px;font-weight:bold;
}
.title15 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_15.gif) left top no-repeat;
	color:#690;font-size:10px;font-weight:bold;
}
.title16 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_15.gif) left top no-repeat;
	color:#690;font-size:10px;font-weight:bold;
}
/*ホームページ制作の流れ
--------------------------------------------------------- */
.titleflow1 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_flow1.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}
.titleflow2 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_flow2.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}
.titleflow3 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_flow3.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}
.titleflow4 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_flow4.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}
.titleflow5 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_flow5.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}
.arrow1 { margin: 0px 0px 40px 0px;height:20px;clear:both;text-align:center; }
.arrow2 {
	width:480px;height:20px;margin: 0px 0px 40px 40px;clear:both;
	background:url(../images/arrow1.gif) center top no-repeat;
}

/*ホームページ制作料金について
--------------------------------------------------------- */
.titleprice1 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_price1.gif) left top no-repeat;
	color:#369;font-size:10px;font-weight:bold;
}

/*SEO対策
--------------------------------------------------------- */
.seotitle1 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_seo1.gif) left top no-repeat;
	color:#669900;font-size:10px;font-weight:bold;
}
.seotitle2 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_seo2.gif) left top no-repeat;
	color:#669900;font-size:10px;font-weight:bold;
}
.seotitle3 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_seo3.gif) left top no-repeat;
	color:#669900;font-size:10px;font-weight:bold;
}

/*コンサルティング
--------------------------------------------------------- */
.constitle1 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_cons1.gif) left top no-repeat;
	color:#669900;font-size:10px;font-weight:bold;
}

.constitle2 {
	width:480px;height:10px;padding:30px 0px 20px 0px;
	background:url(../images/title_cons2.gif) left top no-repeat;
	color:#669900;font-size:10px;font-weight:bold;
}

/*会社概要・アクセスマップ・その他ページ
--------------------------------------------------------- */


/*共通ボックス・指定
--------------------------------------------------------- */
img { vertical-align: bottom; }
.both {	clear:both; }
.clear { clear:both;height:20px; }
.clear10 { clear:both;padding:10px 0px 0px 0px; }
.clear40 { clear:both;height: 10px;padding: 30px 0px 0px 0px; }
.clear60 { clear:both;height:60px; }

.hr { height:18px;margin:12px 0px 30px 0px;clear:both;border-bottom:1px dotted #ccc; }
.hr2 { height:5px;margin:0px 0px 20px 0px;clear:both;border-bottom:1px dotted #ccc; }
.hr3 { width:520px;padding:0px 0px 10px 0px;position:relative;clear:both;border-bottom:1px dotted #ccc; }

#contents {
	width:840px;
	margin:0px auto;
	position:relative;
	clear:both;
}
#subcontents {
	width:840px;
	margin:0px auto;
	position:relative;
	clear: both;
	overflow: visible;
	height: auto;
}

.left { width:200px;padding:20px 40px 0px 30px;position:relative;float:left; }
.right {
	width: 520px;padding:16px 0px 0px 0px;
	float:left;position:relative;
	font-size: 80%;line-height: 160%;
}

/*ヘッダー
--------------------------------------------------------- */
#head {
	width:100%;height:50px;margin:0px auto;padding:430px 0px 0px 0px;
	position:relative;
	background:url(../images/bg_head1.jpg) center top no-repeat;
	border-bottom: 1px solid #ddd;
}
#subhead {
	width:100%;
	margin:0px auto;
	background:url(../images/bg_head2.jpg) center top no-repeat;
	padding: 180px 0px 0px 0px;
	position: relative;
	height: auto;
	float: left;
}

#seoflash { width:160px;height:250px;position:absolute;top:-302px;left:41px; }
#logoflash { width:170px;height:240px;position:absolute;top:-472px;left:-180px; }
#logo { width:170px;height:120px;position:absolute;top:-446px;left:35px; }
#mainflash { width:560px;height:300px;position:absolute;top:-376px;left:241px; }

#sublogoflash { width:170px;height:240px;position:absolute;top:-170px;left:-180px; }
#sublogo { width:170px;height:120px;position:absolute;top:-145px;left:35px; }

#bt2form {
	width:170px;height:40px;position:absolute;top:-65px;right:30px;
	background:url(../images/bt_2form1b.gif) right top no-repeat;
}
#bt2form a { display:block;width:170px;height:40px; }
#bt2form a:hover { background-color:transparent; }
#bt2form a:hover img{ visibility:hidden; }

/*トップページメインメニュー
--------------------------------------------------------- */
#mainmenu { width:840px;margin:0px auto;padding: 0px 0px 0px 0px;position: relative; }
#mainmenu li { height:50px;list-style-type:none;float:left; }
#mainmenu li img { vertical-align:top; }
.main1 { background:url(../images/bt1b.gif) left top no-repeat; }
.main2 { background:url(../images/bt2b.gif) left top no-repeat; }
.main3 { background:url(../images/bt3b.gif) left top no-repeat; }
.main4 { background:url(../images/bt4b.gif) left top no-repeat; }
.main5 { background:url(../images/bt5b.gif) left top no-repeat; }
.main6 { background:url(../images/bt6b.gif) left top no-repeat; }
#mainmenu li a { display:block; }
#mainmenu li a:hover { background-color:transparent; }
#mainmenu li a:hover img{ visibility:hidden; }

/*サブページメインメニュー
--------------------------------------------------------- */
#submainmenu { width:840px;margin:0px auto;padding:0px;border-bottom:1px solid #ccc; }
#submainmenu li { height:50px;list-style-type:none;float:left; }
#submainmenu li img { vertical-align:top; }
.submain1 { background:url(../images/btsub1b.gif) left top no-repeat; }
.submain2 { background:url(../images/btsub2b.gif) left top no-repeat; }
.submain3 { background:url(../images/btsub3b.gif) left top no-repeat; }
.submain4 { background:url(../images/btsub4b.gif) left top no-repeat; }
.submain5 { background:url(../images/btsub5b.gif) left top no-repeat; }
.submain6 { background:url(../images/btsub6b.gif) left top no-repeat; }
#submainmenu li a { display:block; }
#submainmenu li a:hover { background-color:transparent; }
#submainmenu li a:hover img{ visibility:hidden; }

/*左ナビゲーション
--------------------------------------------------------- */
#navi1 {
	width:198px;
	height:120px;
	margin:0px 0px 10px 0px;
	position:relative;
	background: url(../images/bg_listl1.gif) left top no-repeat;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#navi1 li { list-style: none;position:absolute;float:left; }
#navi1 li a { width:198px;height:30px;display:block;text-indent: -9999px;text-decoration: none; }

#navi2 {
	width:198px;height:60px;margin:0px 0px 10px 0px;position:relative;
	background: url(../images/bg_listl2.gif) left top no-repeat;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
}
#navi2 li { list-style:none;position: absolute;float:left; }
#navi2 li a { width:198px;height:30px;display:block;text-indent: -9999px;text-decoration: none; }

#navi01 { top:0px;left:0px;width:198px;height:30px;position:relative;}
#navi02 { top:30px;left:0px;width:198px;height:30px;position:relative;}
#navi03 { top:60px;left:0px;width:198px;height:30px;position:relative;}
#navi04 { top:90px;left:0px;width:198px;height:30px;position:relative;}

#navi05 { top:0px;left:0px;width:198px;height:30px;position:relative;}
#navi06 { top:30px;left:0px;width:198px;height:30px;position:relative;}

#navi01 a:hover { background: url(../images/bg_listl1.gif) no-repeat right -0px;}
#navi02 a:hover { background: url(../images/bg_listl1.gif) no-repeat right -30px;}
#navi03 a:hover { background: url(../images/bg_listl1.gif) no-repeat right -60px;}
#navi04 a:hover { background: url(../images/bg_listl1.gif) no-repeat right -90px;}

#navi05 a:hover { background: url(../images/bg_listl2.gif) no-repeat right -0px;}
#navi06 a:hover { background: url(../images/bg_listl2.gif) no-repeat right -30px;}

/*旧左ナビゲーション
---------------------------------------------------------
.sidenavi { padding:0px 0px 0px 0px; }
.sidenavi ul {
	width:198px;margin:0px 0px 10px 0px;padding:0px;
	list-style:none;font-size:12px;letter-spacing:2px;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.sidenavi ul li {
	width:198px;margin:0px;padding:0px;float:left;
	border-bottom: 1px solid #eee;border-top: 1px solid #fff;
}
.sidenavi ul li a {
	width:160px;margin:0px;padding:9px 14px 9px 24px;
	background:url(../images/bg_list1.gif) no-repeat left top;
	background-color: #f8f8f8;
	font-weight:bold;color:#444;text-decoration:none;display: block;
}
.sidenavi ul li a:hover {
	background:url(../images/bg_list1.gif) no-repeat right top;background-color:#f0f0f0;
	color:#369;text-decoration:none;
}

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

#address {
	width:178px;margin:0px 0px 10px 0px;padding:10px;
	background-color:#f8f8f8;border:1px solid #ccc;
}
#address h3 { margin:0px 0px 10px 0px;padding:0px;font-size:11px;font-weight:bold; }
#address h2 { margin:0px 0px 10px 0px;padding:0px;font-size:11px;font-weight:bold; }
#address p { font-size:12px;color:#369; }
#address a { color:#666;text-decoration:none; }

#address .foottext { margin:0px 0px 10px 0px;font-weight:bold;font-size:12px;letter-spacing:1px;color:#369; }

#map { width:140px;margin:5px 0px 4px 20px;background:url(../images/bt_access1b.gif) right bottom no-repeat; }
#map img { vertical-align:bottom;height:20px; }
#map a { display:block;width:140px;height:20px; }
#map a:hover { background-color:transparent; }
#map a:hover img{ visibility:hidden; }

/*ボタン
--------------------------------------------------------- */
.syousai1 { width:200px;margin:20px 0px 0px 0px;background:url(../images/bt_syousai1b.gif) right top no-repeat; }
.syousai1 a { display:block;width:200px;height:35px; }
.syousai1 a:hover { background-color:transparent; }
.syousai1 a:hover img{ visibility:hidden; }

.syousai2 { width:200px;margin:0px 0px 0px 280px;background:url(../images/bt_syousai2b.gif) right top no-repeat; }
.syousai2 a { display:block;width:200px;height:35px; }
.syousai2 a:hover { background-color:transparent; }
.syousai2 a:hover img{ visibility:hidden; }

.syousai3 { width:200px;margin:0px 0px 0px 280px;background:url(../images/bt_syousai3b.gif) left top no-repeat; }
.syousai3 a { display:block;width:200px;height:35px; }
.syousai3 a:hover { background-color:transparent; }
.syousai3 a:hover img{ visibility:hidden; }

#jisseki1 { width:200px;padding:0px 0px 10px 0px; background:url(../images/bt_jisseki1b.gif)  right top no-repeat;}
#jisseki1 a { display:block;width:200px;height:65px; }
#jisseki1 a:hover { background-color:transparent; }
#jisseki1 a:hover img{ visibility:hidden; }

#bt2faq { width:200px;padding: 0px 0px 10px 0px;background:url(../images/bt_faq1b.gif) right top no-repeat; }
#bt2faq a { display:block;width:200px;height:60px; }
#bt2faq a:hover { background-color:transparent; }
#bt2faq a:hover img{ visibility:hidden; }

#bttoform { width:200px;padding: 0px 0px 20px 0px;background:url(../images/bt_form1b.gif) right top no-repeat; }
#bttoform a { display:block;width:200px;height:60px; }
#bttoform a:hover { background-color:transparent; }
#bttoform a:hover img{ visibility:hidden; }

#osakaworld { width:200px;margin:10px 0px 0px 0px; }
#webdesign { width:200px;padding:10px 0px 20px 0px; }

/*コンテンツ・ボックス
--------------------------------------------------------- */

.box1 { padding: 0px 0px 0px 40px;background:url(../images/bg_cont1.gif) left top repeat-y; }
.box2 { padding: 0px 0px 0px 40px;background:url(../images/bg_cont2.gif) left top repeat-y; }
.box3 { padding: 0px 0px 0px 40px;background:url(../images/bg_cont3.gif) left top repeat-y; }
.box4 { padding:0px 0px 0px 40px;}
.box5 { margin:10px 0px 20px 0px;padding:0px 10px 10px 10px;border-bottom:dotted 1px #ccc; }

#topics {
	width:498px;height:113px;margin:18px 0px 20px 0px;padding:4px 10px 10px 10px;
	overflow-y:scroll;scrollbar-base-color:#eee;border:1px solid #ddd;
	background:url(../images/input.jpg) left top no-repeat;
}
dl.recent dt { width:7em;clear:left;float:left;padding:8px 0.5em;font-size:10px; }
dl.recent dd { margin-left:0px;padding:7px 0.5em 7px 8em;border-bottom:dotted 1px #ddd; }

#ktai { width:178px;padding:10px 10px 0px 10px;border:1px solid #ccc;background-color:#f8f8f8; }
#ktai p { padding:0px 0px 10px 0px;font-size:9px;line-height:1.6; }

/*フットナビ・フッター
--------------------------------------------------------- */
#bottomtext {
	width:560px;margin:0px auto;padding:0px 0px 0px 280px;position:relative;clear: both;
	font-size:12px;color:#666;line-height:2;letter-spacing:0px;
}

#bottomtext p a { text-decoration:none;color:#336699; }
#bottomtext p a:visited { color:#214466; }
#bottomtext p a:hover { color:#3366CC;text-decoration:underline;background-color:#ddd; }
/*-- visited 修正前は#80a8ff--*/

.go2top { width:20px;margin-left:500px;background:url(../images/go2top_2.gif) right bottom no-repeat; }
.go2top img { vertical-align:bottom;height:18px; }
.go2top a { display:block;width:20px;height:18px; }
.go2top a:hover { background-color:transparent; }
.go2top a:hover img{ visibility:hidden; }

#footer {
	width:100%;margin:0px auto;position:relative;clear:both;
	background:url(../images/bg_foot.gif) center top;
}
#foot_cont {
	width:760px;margin:0px auto;padding:15px 0px 10px 0px;
	text-align:right;font-size:10px;font-weight: bold;color:#666;
}

/*文字・画像・リンク・リスト
--------------------------------------------------------- */
#box p {
	font-size:14px;
	line-height:1.6em;
}
.box1 p { padding:0px 0px 20px 0px;font-size:12px;line-height:1.6em; }
.box2 p { padding:0px 0px 20px 0px;font-size:12px;line-height:1.6em; }
.box3 p { padding:0px 0px 20px 0px;font-size:12px;line-height:1.6em; }
.box4 p { padding:0px 0px 20px 0px;font-size:12px;line-height:1.6em; }
.box5 p { padding:0px 0px 20px 0px;font-size:14px;line-height:1.6em; }
.box6 p { padding:0px 0px 20px 0px;font-size:14px; font-weight:bold;}
#box ol { margin:0px 0px 0px 0px;padding:0px 0px 10px 30px;font-size:12px;line-height:1.6em; }


.borderd {
	border-bottom:1px solid #ccc;border-left:1px solid #ddd;
	border-right:1px solid #ccc;border-top:1px solid #ddd;
}
.imgright { float:right;border:1px solid #ddd;margin:0px 10px 0px 10px; }
.imgright2 { float:right;margin:0px 0px 0px 10px; }
.imgleft { float:left;margin: 0px 15px 20px 0px; }
.imgleft2 { float:left;margin: 0px 5px 20px 0px; }

.keitai { width:240px;margin:10px;float:left; }
.keitai p { }


.floatleft { float:left;margin:0px 20px 30px 0px; }

.list1 { margin: 0px 0px 20px 0px; }
.list1 li{
	margin:0px 0px 15px 20px;padding:0px 0px 0px 10px;
	color:#369;font-size:16px;font-weight: bold;
	list-style-image:url(../images/bg_list2.gif);
}

.list2 { margin: 0px 0px 40px 0px; }
.list2 li{
	margin:0px 0px 18px 20px;padding:0px 0px 0px 0px;
	list-style-image:url(../images/bg_list3.gif);
	font-size:12px;
}
.list2 a { color:#369;text-decoration:none;font-weight:bold; }
.list2 a:hover { text-decoration:underline; }
.list2 a:visited { color:#666;font-weight:normal; }

.list3 { margin: 0px 0px 20px 0px; }
.list3 li{
	list-style-image:url(../images/arrow2.gif);
	margin:0px 0px 20px 20px;padding:0px 0px 0px 10px;line-height:1.6em;
}
.list3 a { color:#369;text-decoration:none; }
.list3 a:hover { text-decoration:underline; }
.list3 a:visited { color:#369; }

.normal { font-weight:normal;font-size:12px;color:#444; }

.text2 { font-size:9px; }
.text3 { font-size:14px;font-weight:bold;color:#ff6600; }
.text4 {
	font-weight:bold;
	border: 1px solid #ccc;
	padding: 4px 4px 4px 8px;
	border-left: 5px solid #693;
	margin-bottom: 5px;
}

.right p { line-height:160%;padding:0px 0px 20px 0px; }

#box .page { color:#444;text-decoration:none; }
#box .page a:hover { text-decoration:none; }
#box .page a:visited { color:#444; }

/*実績ページスクロール
--------------------------------------------------------- */
#demo {
	width:520px;height:1060px;position:relative;margin:0;z-index: 0;
	overflow: hidden;
}

#content {
	position:absolute;
	top:0px;margin-left:0px;
}

#content,
#content li {
	width:520px;margin:0px;padding:0px;
	list-style:none;
}
#content li a { border:none; }
#frame {
	position:relative;
	margin:20px 0px 0px 0px;
}
#frame ul li {
	margin: 0px 4px 20px 0px;
	float: left;
	list-style: none;
}
#frame ul li img{ border:1px solid #ccc;padding:0px; }
#frame ul li img:hover { border:1px solid #369; }

.new {
	position:absolute;
	top:0px;left:20px;
	z-index:100;
}

#subframe { width:520px; }
#subframe ul li { float:left;list-style:none;margin: 0px 4px 20px 0px; }
#subframe ul li img{ display:block;border:1px solid #ccc;padding:0px; }
#subframe ul li img:hover { border:1px solid #369; }

/*Q&A
--------------------------------------------------------- */
#toptitle4 { width:520px;height:35px;padding:0px 0px 0px 0px;background:url(../images/title_top4.gif) left top no-repeat; }
#qa {
	width:480px;height:auto;margin: 0px;padding:20px 20px 30px 20px;position:relative;
	background:url(../images/bg_box3.gif) left bottom no-repeat;
}
.list4 {
	width:460px;padding:0px;
	color:#690;line-height:2.6em;letter-spacing:0px;list-style-type: none;
}
.list4 li {
	padding:0px 0px 0px 20px;
	font-weight:bold;
	background:url(../images/arrow.gif) left 10px no-repeat;
	font-size:110%;	
}
#qa a { text-decoration:none;color:#690; }
#qa a:visited { color:#690;font-weight:normal;}
#qa a:hover { color:#690;text-decoration:underline; }

#faq { margin:0px 0px 10px 0px;padding:10px;border:1px solid #690; }
#faq p { line-height:1.6;letter-spacing:0px; }
#q { height:40px;margin:0px 0px 10px 0px;padding:0px 0px 0px 50px;background:url(../images/q.gif) left top no-repeat; }
#q h3 {
	padding: 10px 0px 6px 0px;font-size: 15px;color:#690;font-weight: bold;
	border-bottom:1px dotted #690;
}

/*キャンペーン
--------------------------------------------------------- */
.canpaignbt {
	width:520px;
	padding:0px 0px 0px 0px;
	background:url(../images/canpaignbt1b.gif) right top no-repeat;
	margin: 20px 0px 40px 0px;
}
.canpaignbt a { display:block;width:520px;height:120px; }
.canpaignbt a:hover { background-color:transparent; }
.canpaignbt a:hover img{ visibility:hidden; }

/*サブページ表・セルの指定(フォームのとことか)
--------------------------------------------------------- */
.ltd {
	vertical-align:top;
	background-color:#f8f8f8;
	padding:8px;
	line-height:2ems;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
	border-left:5px solid #999;
	font-weight:bold;
	border-right:1px solid #fff;
}
.ltd2 {
	vertical-align: top;
	background-color: #f0f0f0;
	padding: 8px;
	line-height: 1.6ems;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	border-left: 5px solid #aaa;
	border-right: 1px solid #ddd;
}
.rtd {
	background-color: #fefefe;
	padding: 8px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fafafa;
	border-left: 1px dotted #ccc;
	border-right: 1px solid #ddd;
	line-height:2ems;
}
.rtd2 {
	background-color: #fefefe;
	padding: 8px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fafafa;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
	line-height:2ems;
}
.rtd3 {
	background-color: #fefefe;
	padding:8px;
	font-size:9px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fafafa;
	border-left: 1px dotted #ccc;
	border-right: 1px solid #ddd;
}

.hankaku {
	ime-mode:disabled;
	background-color:#fff;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../images/input.jpg);
	padding: 4px;
	letter-spacing: 1px;
	color: #444;
}
.zenkaku {
	background-color:#fff;
	border: 1px solid #ccc;
	background-image: url(../images/input.jpg);
	padding: 4px;
	color: #444;
}
.kome {
	background-color:#FF9900;
	padding:2px 1px 0px 4px;
	color:#f0f0f0;
	font-size:9px;
	letter-spacing:1px;
	border-top:1px solid #fc3;
	border-bottom:1px solid #f73;
	border-right:1px solid #f73;
	border-left:1px solid #fc3;
	margin: 0px 0px 0px 10px;
	line-height: 2em;
}