@charset "utf-8";
/* CSS Document */

/*===================================================
  
  ＊ 基本 ＊
  
  ■ 共通
     ･･･ normalize.css, set.css

  ■ header,contents,footer
     ※641px以上
     ･･･ common.css

  ■ header,contents,footer
     ※640px以下
     ･･･ common_sp.css


  ＊ レイアウト ＊

  ■ (contents) side,main,他ページ
     ※640px以下でサイズ変更
     ･･･ layout.css


  ＊ レイアウト(1カラムページ) ＊
  　 ※上記「基本」を引き継ぎます
  
  ■1カラムページ共通
  ･･･ oc_common.css
      &製品ごとのcss


  ＊ レイアウト(LPページ) ＊
  　 ※上記「基本」「1カラムページ」を引き継ぎます
  
  ■LPページ共通
  ･･･ lp_common.css
      &製品ごとのcss
  

  ＊ コメントメモ ＊
  ======================================
    大タイトル
  ======================================

  -------- 中タイトル ---------

  --- 小タイトル ---

  ===================================================*/
  /*===================================================
非表示
===================================================*/
  
body {
	color: #2C1F19;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	background-image: url(../images/form_header.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	background-attachment: scroll;
	background-position: left top;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6, div, p, ul, dl, dt, dd, form, fieldset, address, img {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:18px;
	border:none;
	color: #000000;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 24px;
}
strong {
	color: #CC0066;
}
#space {
	clear: left;
	height: 40px;
}
#space80 {
	clear: left;
	height: 80px;
}
.space {
	clear: left;
}
.space40 {
	clear: left;
	margin-bottom: 60px;
}
.btm10 {
	clear: left;
	margin-bottom: 10px;
}
.btm20 {
	clear: left;
	margin-bottom: 20px;
}
.btm40 {
	clear: left;
	margin-bottom: 40px;
}
.atten_inner {
	float: left;
	width: 670px;
	margin-bottom: 20px;
	padding: 15px;
	background-color: #FFF0F0;
}





/*===================================================
パンくず
===================================================*/
#crumb {
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 12px;
}
#crumb li {
	font-size: 12px;
	display: inline;
}
#crumb li a {
	background-image: url(../images/icon/crumb_yaji.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}






/*===================================================
header
===================================================*/

#header {
	width: 1000px;
	height: 100px;
	position: relative;
	font-size: 15px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#header #logo {
	position: absolute;
	left: 15px;
	top: 32px;
}
#header #page_t h1 {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 210px;
	top: 46px;
	line-height: 14px;
}


/*===================================================
フッター
===================================================*/

footer {
	float: left;
	width: 100%;
	text-align: center;
}


footer #footer_inner #logo {
	margin-bottom: 10px;
}

footer #footer_inner {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #009EDD;
	background-color: #F6F8F9;
	padding-top: 40px;
	padding-bottom: 40px;
}

footer #footer_inner  li {
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CED5F7;
	padding-right: 5px;
	font-size: 12px;
	line-height: 14px;
}
footer #footer_inner  li:first-child {
  border: none; 
}
footer #footer_inner  li a {
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	margin-left: 10px;
	color: #000;
}
footer #copyright {
	margin-bottom: 40px;
	font-size: 12px;
	line-height: 12px;
	margin-top: 40px;
}


/*===================================================
枠
===================================================*/
#main {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}




.main_inner {
	float: left;
	width: 700px;
	margin-bottom: 0px;
	margin-right: 150px;
	margin-left: 150px;
	margin-top: 20px;
}
.main_inner h2 {
	background-color: #009EDD;
	clear: left;
	color: #FFF;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	margin-bottom: 14px;
}
.form_txtinner {
	width: 660px;
	clear: left;
	border: 5px solid #ccc;
	margin-bottom: 10px;
	padding: 15px;
}
.form_txtinner .form_txt_tit {
	font-size: 20px;
	font-weight: bold;
}
.form_txtinner .form_txt_atten {
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px;
}
.form_txtinner_atten {
	width: 660px;
	clear: left;
	border: 5px solid #F06;
	margin-bottom: 10px;
	padding: 15px;
	background-color: #FFEEEE;
}
.form_txtinner_atten .form_txt_tit {
	font-size: 20px;
	font-weight: bold;
}

.form table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: 10px;
}
.form table th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 200px;
	padding: 10px;
	background-color: #F3F3F3;
	text-align: left;
	font-size: 14px;
	vertical-align: top;
}
.form table td {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#footer {
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 700px;
	font-size: 12px;
	text-align: center;
}
.btn_inner {
	padding: 10px;
	border: 5px solid #009EDD;
	width: 670px;
	text-align: center;
	margin-bottom: 10px;
}
.form_txtinner_atten p {
	color: #F06;
	font-weight: bold;
}
.form_txt {
	font-size: 12px;
	line-height: 14px;
}