/* ++++++++++++++++++ サービス紹介共通の設定 ++++++++++++++++++ */
#gttl.services h1 { float:left; width:407px; height:100px; background: url(../services/img/gttl1.gif) no-repeat;
    text-indent:-9999px; text-decoration:none; overflow:hidden; }
#gttl.services .ph { float:right; width:353px; height:100px; background:url(../services/img/gttl2.jpg) no-repeat; }

#cont .submn { width:525px; height:22px; margin:0 0 40px 0; padding:6px 0 0 0;
    background: url(../img/sns/submn.gif) no-repeat; text-align:center; }
#cont .submn .pg { background:  url(../img/sns/arw01.gif) no-repeat 0 2px; margin-right:10px;
    padding:0 0 0 9px; line-height:14px;}
#cont .submn .pg a:link ,#cont .submn .pg a:visited { color:#103491; text-decoration:none; }
#cont .submn .pg a:hover { color:#7798F0; text-decoration:underline; }

#cont .submn2 { width:515px; height:22px; margin:0 0 20px 0; padding:6px 0 0 10px;
    background: url(../img/sns/submn2.gif) no-repeat; }
#cont .submn2 .pg { background:  url(../img/sns/dwn01.gif) no-repeat 0 3px; margin-right:15px;
    padding:0 0 0 13px; line-height:14px;}
#cont .submn2 .pg a:link ,#cont .submn2 .pg a:visited { color:#333; text-decoration:none; }
#cont .submn2 .pg a:hover { color:#999; text-decoration:underline; }

#cont .bx360 { width:360px; margin:0 0 10px 78px; background:url(../img/bx360a.gif) no-repeat; }
#cont .bx360 p { padding:7px 10px 0 10px; }
#cont .bx360P { width:360px; margin:0 0 10px 78px; background:url(../img/bx360Pa.gif) no-repeat; }
#cont .bx360P p { padding:7px 10px 0 10px; }
#cont .bx360B { width:360px; margin:0 0 10px 78px; background:url(../img/bx360Ba.gif) no-repeat; }
#cont .bx360B p { padding:7px 10px 0 10px; }
#cont .bx360BL { width:360px; margin:0 0 10px 78px; background:url(../img/bx360BLa.gif) no-repeat; }
#cont .bx360BL p { padding:7px 10px 0 10px; }
#cont .bx525 { width:525px; margin:0 0 10px 0; background:url(../img/bx525a.gif) no-repeat; }
#cont .bx525 p { margin:0; padding:7px 10px 0 10px; }
#cont .bx525G { width:525px; margin:0 0 10px 0; background:url(../img/bx525Ga.gif) no-repeat; }
#cont .bx525G p { margin:0; padding:7px 10px 0 10px; }

#cont .bx525 ul { padding:15px 15px 0 15px; } 
#cont .bx525 li { background: url(../img/arw02.gif) no-repeat 0 2px; margin-right:15px; margin:0 0 5px 0;
    padding:0 0 0 10px; line-height:15px;}
#cont .bx525 li a:link ,#cont .bx525 li a:visited { color:#333; text-decoration:none; }
#cont .bx525 li a:hover { color:#d70005; text-decoration:underline; }

#cont .bx525G ul { padding:15px 15px 0 15px; } 
#cont .bx525G li { background: url(../img/arw02.gif) no-repeat 0 2px; margin-right:15px; margin:0 0 5px 0;
    padding:0 0 0 10px; line-height:15px;}
#cont .bx525G li a:link ,#cont .bx525G li a:visited { color:#333; text-decoration:none; }
#cont .bx525G li a:hover { color:#d70005; text-decoration:underline; }

#cont #R .arw { margin:0 0 3px 215px; }
#cont #R .arw2 { margin:0 0 0 215px; }

/* ------------- 問合せ ------------- */
#cont .toiq-doc a { display:block; width:250px; height:38px; margin:40px 10px 30px 120px;
    background: url(../services/img/b_tpiq-doc.gif) no-repeat; text-indent:-9999px;
    text-decoration:none; overflow:hidden; }
#cont .toiq-doc a:hover { background: url(../services/img/b_tpiq-doc_o.gif) no-repeat; }

/* ++++++++++++++++++ サービス紹介トップの設定 ++++++++++++++++++ */
#gttl.services h1 { float:left; width:407px; height:100px; background: url(../services/img/gttl1.gif) no-repeat;
    text-indent:-9999px; text-decoration:none; overflow:hidden; }
#gttl.services .ph { float:right; width:353px; height:100px; background:url(../services/img/gttl2.jpg) no-repeat; }

h2.tp1 { width:700px; height:26px; margin:0 0 10px 30px;
    background: url(../services/img/ttl_tp.gif) no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }

p.tp { margin:0 32px 15px 32px; line-height:16px; }

/* ------------- トップページ3大ボタン ------------- */
#tpbtns { margin:0 30px 30px 30px; }
#tpbtns .tpbtn { width:223px;  margin-right:15px; background: url(../services/img/tpbtn.gif) repeat-y; }

#tpbtns h2.web a { display:block; width:223px; height:76px;
    background:url(../services/img/b_toWeb1.gif) no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
#tpbtns h2.web a:hover { background: url(../services/img/b_toWeb1_o.gif) no-repeat; }
#tpbtns h2.pkg a { display:block; width:223px; height:76px;
    background:url(../services/img/b_toSnsP1.gif) no-repeat; text-indent:-9999px; text-decoration:none;
    overflow:hidden; }
#tpbtns h2.pkg a:hover { background: url(../services/img/b_toSnsP1_o.gif) no-repeat; }
#tpbtns h2.asp a { display:block; width:223px; height:76px;
    background:url(../services/img/b_toSnsA1.gif) no-repeat; text-indent:-9999px; text-decoration:none;
    overflow:hidden; }
#tpbtns h2.asp a:hover { background: url(../services/img/b_toSnsA1_o.gif) no-repeat; }

#tpbtns p { margin:10px 10px 7px 10px; line-height:15px; }

/* ------------- 問合せ ------------- */
.tptx { width:142px; height:14px; margin:0 0 7px 310px; background:url(../services/img/tptx1.gif) no-repeat;
    text-indent:-9999px; text-decoration:none; }
#tpiq { margin:0 0 35px 300px; }

#tpiq .toiq a { display:block; width:170px; height:38px; margin:0 0 0 0;
    background: url(../services/img/b_tpiq.gif) no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
#tpiq .toiq a:hover { background: url(../services/img/b_tpiq_o.gif) no-repeat; }

#tpiq .todoc a { display:block; float:left; width:170px; height:38px;
    background: url(../services/img/b_tpdoc.gif) no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
#tpiq .todoc a:hover { background: url(../services/img/b_tpdoc_o.gif) no-repeat; }