@charset "shift_jis";

/* ▼▼▼共通CSS▼▼▼ */

/* ▽▽▽レイアウト関連▽▽▽ */

/* bodyタグ【必須】 */
body {margin: 0; padding: 0;
  background: #fff;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  color: #000;
  line-height:120%;
}

/* divタグ 複数枚共通idはここに */
#syn {}

#syn #c_akapen {
  width:740px;
  color:#555;
}
/* △△△レイアウト関連△△△ */

/* ▽▽▽画像関連▽▽▽ */

/* 画像共通【必須】 */
div#syn img {border:0; margin:0; padding:0;}

/* △△△画像関連△△△ */

/* ▽▽▽テキスト▽▽▽ */

/* 見出しの設定（SEO対策など必要ならば設定） */
#syn h1 {visibility:hidden; display:none;}
#syn h2 {visibility:hidden; display:none}
#syn h3 {margin:0; background:url(../img/ttl_bg.gif) repeat-x;}

/* pタグ */
div#syn p  {margin: 0; padding:0;}

/* フォントサイズ （太字指定は<strong>タグで。カラー指定は、下記にて指定）【必須】*/
div#syn *.font120 {font-size:120%;}
div#syn *.font90 {font-size:90%}
div#syn *.font80 {font-size:80%}
div#syn *.font85 {font-size:85%}
div#syn *.font70 {font-size:70%}

/* フォントカラー （同じような色名は連番管理）【必須】 */
div#syn *.fontred {color:#f00;}
div#syn *.fontred2 {color:#eb3338;}
div#syn *.fontnavy {color:#06309c;}
div#syn *.fontpink {color:#f17978;}
div#syn *.fontorg {color:#f37334;}
div#syn *.fontblue {color:#09f;}
div#syn *.fontblack {color:#000;}

/* マージン */
#syn *.mar20 {margin:20px;}
#syn *.mars7 {margin:0 7px;}
#syn *.mars10 {margin:0 10px;}
#syn *.mars20 {margin:0 20px;}
#syn *.mars30 {margin:0 30px;}
#syn *.mar10_30 {margin:10px 30px;}
#syn *.mart5 {margin:5px 0;}
#syn *.martb15 {margin:15px 0;}

/* 背景色 */
.bg_cleam {background:#fffcd9;}

/* フロート */
#syn #c_akapen .right {float:right;}
#syn #c_akapen .left {float:left;}
#syn #c_akapen .clear {clear:both;}

/* △△△テキスト△△△ */

/* ▽▽▽リンク▽▽▽ */

div#syn a:link {text-decoration: underline; color: #0070CB;}
div#syn a:visited {text-decoration: underline; color: #800080;}
div#syn a:hover {text-decoration: underline; color: #f00;}

/************************************/
/*              共通                */
/************************************/

/* 見出し */
#syn #c_akapen .h {
  background:url(../img/hbg.gif) repeat-x;
  width:100%;
  padding-top:5px;
}

/* 見出し メニュー */
#syn #c_akapen .h ul {
  margin:6px 0;
  padding:0;
}

#syn #c_akapen .h li {
  float:right;
  list-style-type:none;
  padding:0 20px;
  color:#777;
}

#syn #c_akapen .h li.ctr {
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}

/* hr 点線1px */
#syn #c_akapen hr.dot1 {
  border:none;
  border-top:dotted 1px #999;
  height:1px;
  color:#FFFFFF;
}

/* 画像 点線1px */
#syn #c_akapen .ten {
  background:url(../img/ten.gif) repeat-x
}

/* 直線ピンク */
#syn #c_akapen hr.pink {
  border:none;
  border-top:solid 1px #f5999e;
  height:1px;
  color:#FFFFFF;
  margin:10px 0;
}

/* トップへ戻るアイコン */
#syn #c_akapen *.pagetop {
  background:url(../img/ten.gif) repeat-x 0 3px;
}

#syn #c_akapen p.txt {
  margin-bottom:15px;
}
/************************************/
/*              ヘッダ              */
/************************************/
#syn #c_akapen .head {
  margin:3px 0 3px 10px;
}

/* ナビゲーション */
#syn #c_akapen ul.navi {
  margin:0;
  padding:0;
}

#syn #c_akapen ul.navi li{
  float:left;
  margin:0;
  list-style-type:none;
  vertical-align:bottom;
  padding:0 10px 0 0;
}

#syn #c_akapen ul.navi li.contents {
  background:url(../img/i_pc.gif) no-repeat 0 5px;
  padding-left:15px;
}

#syn #c_akapen ul.navi li.r_ten {
  padding-top:3px;
}

/* アイコン */
#syn .pc {
  background:url(../img/i_pc.gif) no-repeat;
  padding-right:12px;
}

/************************************/
/*             index                */
/************************************/

#syn #c_akapen .index {
  border-top:3px solid #eb333b;
  background:url(../img/top/bg.gif) no-repeat #fff;
  padding:14px 0 10px 18px;
}

#syn #c_akapen .index ul.t_menu {padding:0; margin:0;}
#syn #c_akapen .index ul.t_menu li{
 background:#fff;
  list-style-type:none;
  float:left;
  margin-right:2px;
}

#syn #c_akapen .index ul.bosyu {
	padding:0 40px 0 0; 
	margin:0;
}

#syn #c_akapen .index ul.bosyu li{
	list-style-type:none;
	text-align:reft;
}

/************************************/
/*                QA                */
/************************************/
/* QAメニュー */
#syn #c_akapen .qa_menu {}

/* QAメニュータイトル */
#syn #c_akapen .qa_menu h4 {
  background:#fffcd9;
  border:1px solid #b2b2b2;
  padding:0 7px;
  margin:0;
  font-size:80%;
}

/* QAメニュー本体 */
#syn #c_akapen .qa_menu ul {
  margin:10px 10px 15px;
  padding:0;
}

#syn #c_akapen .qa_menu li {
  background:url(../img/i_arrow_r.gif) no-repeat 1px 5px;
  list-style-type:none;
  padding-left:15px;
  vertical-align:top;
  margin-bottom:5px;
}

#syn #c_akapen .madoguchi2 {
  border: 1px solid #b2b2b2;
  margin: 20px 50px 0;
  padding: 10px;
}

/* QA - Q&A */
#syn #c_akapen .answer {
  padding:10px 20px;
}

#syn #c_akapen .answer ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#syn #c_akapen .answer li {
  margin-bottom:5px;
}

#syn #c_akapen .answer li.q {
  padding:2px 0 5px 40px;
  background:url(../img/qa/i_q.gif) no-repeat;
}

#syn #c_akapen .answer li.a {
  padding:5px 0 5px 40px;
  background:url(../img/qa/i_a.gif) no-repeat;
}

/************************************/
/*             recruit              */
/************************************/
#syn #c_akapen .recruit {}


#syn #c_akapen .recruit th.midashi {
  background:url(../img/i_pc_l.gif) no-repeat;
  padding-left:25px;
  text-align:left;
  color:#000;
}

#syn #c_akapen .recruit td.naiyou {
  border-left:4px solid #f5999e;
  padding-left:15px;
}

#syn #c_akapen .madoguchi {
  border: 1px solid #b2b2b2;
  margin: 10px 10px 0 0;
  padding: 10px;
}

#syn #c_akapen .form_btn {
  text-align: right;
  padding-top: 7px;
}

/************************************/
/*               work               */
/************************************/
#syn #c_akapen ul.work {
  padding:0;
  margin:5px 0;
}

#syn #c_akapen ul.work li {
  list-style-type:none;
  background:url(../img/work/circle.gif) no-repeat 0 5px;
  padding-left:15px;
}

/************************************/
/*           massage                */
/************************************/
/* massage メニュー */
#syn #c_akapen .msg_menu {}

/* message メニュー本体 */
#syn #c_akapen .msg_menu ul {
  margin:0 10px 0 0;
  padding:0;
}

#syn #c_akapen .msg_menu li {
  background:url(../img/i_arrow_r.gif) no-repeat 1px 5px;
  list-style-type:none;
  padding-left:15px;
}

#syn #c_akapen .msg_menu.voice {
  background:#fffcd9;
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
}

/* ▲▲▲ID追加分▲▲▲ */