/* CSS Document */

@charset "UTF-8";

/* first */
*{ margin:0; padding:0;}

/* basic */
body{ width:876px; margin:0 auto; text-align:center; color:#333; font:small/150% "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";}
h1,h2,h3,h4,h5,h6,p,div,ul,li,form,span,hr{ margin:0; padding:0;}
img{ border:0;}
li{ list-style:none;}
a:hover{ color:#CC233C;}
td input{ vertical-align:middle}
#red{ color:#CC233C;}
#clear{ clear:both;}
.red{color:red;}
/* safari only \*/html:\66irst-child dl dt{ font-size:x-small; text-align:left;}/* end */

/* index */
div#container div#wrapper div#idxFlash{ padding:0 0 3px; background:url(../img/a_line_2g.gif) repeat-x 100% 100%;}
div#container div#wrapper div#idxFlash p{ display:none;}
div#container div#wrapper p#idxTpsTlt{ width:640px; margin-left:30px; padding:25px 0 6px; background:url(../img/a_line_2g.gif) repeat-x 100% 100%;}

div#container div#wrapper div#idxCon{ float:left; width:382px; padding:0 25px 25px 30px;}
div#container div#wrapper div#idxCon p#idxConCon{ height:92px; padding:38px 110px 0 17px; background:url(../img/idx_consal.jpg) no-repeat;}
div#container div#wrapper p#idxPack{ float:left; width:196px; height:109px; padding:38px 17px 0 17px; background:url(../img/idx_webpack.jpg) no-repeat;}

div#container div#wrapper p#idxMacTlt{ clear:both; height:19px; padding-left:55px; color:#FFF; font-weight:bold; background:url(../img/a_bk_h3.gif) no-repeat 30px 0;}
div#container div#wrapper p#idxMacBody{ width:636px; margin-left:30px; padding:9px 0 8px; background:url(../img/a_line_dotred.gif) repeat-x bottom left;}
div#container div#wrapper dl#idxMac{ width:636px; margin:10px 0 0 30px;}
div#container div#wrapper dl#idxMac dt{ clear:both; width:10em; padding:0 0 3px 14px; background:url(../img/a_hd.gif) no-repeat 1px 7px; float:left; }
div#container div#wrapper dl#idxMac dd{ padding:0 0 3px 0;}

/* topics */
div#container div#wrapper dl#tpsList{ margin:10px 0 20px 30px;}
div#container div#wrapper dl#tpsList dt{ clear:both; width:9em; background:url(../img/a_hd.gif) no-repeat 1px 6px; float:left; padding-top: 0; padding-bottom: 3px; padding-left: 14px; }
div#container div#wrapper dl#tpsList dd{ padding-top: 0; padding-right: 0; padding-bottom: 3px; }
div#container div#wrapper div#tps{ padding:10px 30px 0;}
div#container div#wrapper div#tps img{ float:right; margin:0 0 30px 20px}

div#container div#wrapper div#select{ width:630px; margin:30px 0 0 35px; color:#CC233C; font-weight:bold;}
div#container div#wrapper div#select p a{ margin-left:5px; padding:2px 6px; background-color:#F5F3F1; border:solid 1px #999;}

/* result */
div#container div#wrapper dl#result{ width:636px; margin:10px 0 0 30px;}
div#container div#wrapper dl#result dt{ clear:both; width:340px; height:120px; float:left;}
div#container div#wrapper dl#result dd{ height:120px;}
div#container div#wrapper dl#result dd a{ padding-left:15px; background:url(../img/a_hd.gif) no-repeat 2px 4px;}

/* inquiry */
div#container div#wrapper div#inqHd{ width:634px; margin:10px 0 0 30px; padding-left:2px; border-bottom:dotted 1px #CCC;}
div#container div#wrapper table#inqCheck{ width:100px; margin:8px 0 0 119px; border-bottom:none;}
div#container div#wrapper table#inqCheck td{ border-bottom:none;}

div#container div#wrapper ul#inqError{ padding:8px 0 0 17px; width:600px;}
div#container div#wrapper ul#inqError li{ list-style-position:outside; list-style-type:disc; color:#CC233C; font-weight:bold;}

/* cmn */
div#container div#wrapper p#mainPic{ padding:18px 0 0 30px;}
div#container div#wrapper p#goInq{ margin:30px auto 0; text-align:center;}
div#container div#wrapper ul{ padding-left:15px; width:610px; margin:2px 0 0 36px;}
div#container div#wrapper ul li{ list-style-position:outside; list-style-type:disc;}

/* table */
table{ width:636px; margin:5px 0 0 30px; font-size:small;}
th{ padding:7px 0 7px 15px; vertical-align:top; background:url(../img/a_hd.gif) no-repeat 2px 13px; white-space:nowrap; border-bottom:dotted 1px #CCC;}
td{ width:85%; padding:7px 0 7px 15px; border-bottom:dotted 1px #CCC;}

/* header */
h1{ font-size:small; font-weight:normal; color:#666; text-align:right;}
div#header{ width:876px; padding:2px 0 0; text-align:left;}
div#header p#logo{ float:left;}
div#header p#tel{ float:left; padding:13px 0 0 515px;}

div#header ul{ clear:both;}
div#header ul li{ float:left;}
div#header ul li a{ font-size:13px; width:131px; height:27px; background:url(../img/a_hd_menu_on.gif); color:#FFF;  margin:12px 1px 0 0; padding:9px 0 0 14px; text-align:center; text-decoration:none; letter-spacing:0.1em; display:block;}
div#header ul li a:hover{background:url(../img/a_hd_menu.gif); color:#333; }
div#header p#containerTop{ clear:both; padding:15px 0 0; text-align:left;}

/* container */
div#container{ width:878px; text-align:left; background:url(../img/a_container_bk.gif) repeat-y;}
div#container div#wrapper{ float:left; margin:0; padding:0 0 0 3px; width:696px;}
div#container div#wrapper div#body,p#body{ padding:10px 30px 0;}

div#container div#wrapper p#pkz{ width:636px; height:25px; margin:10px 30px 0 30px; background:url(../img/a_bk_red.gif) repeat-x 0 22px;}
div#container div#wrapper h2{ padding:23px 0 0 30px; font-size:24px;}
div#container div#wrapper h3{ height:19px; margin-top:25px; padding-left:55px; color:#FFF; font-size:small; background:url(../img/a_bk_h3.gif) no-repeat 30px 0;}
div#container div#wrapper h4{ margin:25px 0 0 30px; padding:0 0 1px 12px; color:#CC233C; font-size:medium; background:url(../img/a_bk_h4.gif) no-repeat bottom left;}
div#container div#wrapper h5{ width:621px; margin:30px 0 0 30px; padding:1px 0 1px 15px; color:#666; font-size:small; border:solid 1px #CC233C;}
div#container div#wrapper div.comments-content p{padding:5px 0;}

/* right */
div#container div#rgt{ font-size:12px; float:left; width:165px; margin-top:20px; padding:10px 5px 5px; border:solid 1px #FFF; background:url(../img/a_bk_red.gif);}
div#container div#rgt div#rgt-inner{ margin-top:5px; padding-top:9px; border:solid 1px #999; background-color:#FFF;}

div#container div#rgt div#rgt-inner ul{ border-top:solid 1px #CCC;}
div#container div#rgt div#rgt-inner ul li a{ width:140px; height:26px; background:url(../img/a_rgt_menu.gif); margin:0 0 1px 1px; padding:6px 0 0 22px; color:#333; text-decoration:none; display:block;}
div#container div#rgt div#rgt-inner ul li a:hover{ background:url(../img/a_rgt_menu_on.gif); color:#FFF;}
div#container div#rgt div#rgt-inner ul li h2{ font-weight:normal;}

div#container div#rgt div#rgt-inner p{ margin-left:2px; padding:0 0 7px 3px;}
div#container div#rgt div#rgt-inner p#rgt-info{ width:150px; margin:9px 0 9px 7px; padding:1px 0; text-align:center; line-height:105%; color:#FFF; font-size:x-small; font-weight:bold; letter-spacing:0.3em; background:url(../img/a_bk_red.gif);}
div#container div#rgt div#rgt-inner p#mac a{ width:153px; height:40px; margin:12px 0 6px 1px; padding:18px 0 0; text-align:center; color:#FFF; font-weight:bold; letter-spacing:0.1em; text-decoration:none; background:url(../img/a_rgt_mac.jpg); display:block;}

/* gotop */
div#container div#gotop{ clear:both; width:810px; padding:5px 0; text-align:right;}

/* footer */
div#footer{ width:873px; padding-left:3px; text-align:left; background:url(../img/a_container_bk.gif) repeat-y;}
div#footer div#footer-inner{ width:789px; height:58px; text-align:center; background:url(../img/a_bk_footer.gif) repeat-x;}
div#footer div#footer-inner p#trifeet{ padding:12px 0 9px; font-weight:bold; font-size:x-small; color:#FFF; letter-spacing:0.2em;}
p#last{ padding:0 80px 20px 0;}

#mail_form { margin-left: 30px; text-align:left; }
.comment-content{margin-left:25px; margin-top:5px;}
div#container div#wrapper div.comments-content h4{margin:15px 0 5px 0;}
#mail_form h4{margin:15px 0 5px 0;}
th{text-align:left; padding-top:10px;}
.comments-open p{padding:5px 0;}

/* 追加 */
.table-tuika td{width:auto;}