@charset "Shift_JIS";

.bg_brown_rounded_box_top {
  background: url(../img/cmn/bg_brown_rounded_box_top.gif) left top no-repeat;
  padding-top: 7px;
  width: 690px;
}
.bg_brown_rounded_box_bottom {
  background: url(../img/cmn/bg_brown_rounded_box_bottom.gif) left bottom no-repeat;
  padding-bottom: 7px;
}
.bg_brown_rounded_box {
  background: url(../img/cmn/bg_brown_rounded_box.gif) left top repeat-y;
  padding: 0 19px 12px 20px;
}

.btn_nav {
  margin-bottom: 20px;
}
.btn_nav li {
  float: left;
  margin: 0 6px 10px 0;
  width: 168px;
}
.btn_nav li a {
  display: block;
  width: 168px;
  height: 41px;
  text-indent: -9999px;
}
.btn_nav li.btn_nav_01 a {
  background: url(../img/cmn/btn_nav_01.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_01 a:hover {
  background: url(../img/cmn/btn_nav_01_r.gif) 0 0 no-repeat;
}
.security_top .btn_nav li.btn_nav_01 a {
  background: url(../img/cmn/btn_nav_01_r.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_02 a {
  background: url(../img/cmn/btn_nav_02.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_02 a:hover {
  background: url(../img/cmn/btn_nav_02_r.gif) 0 0 no-repeat;
}
.tokuchou .btn_nav li.btn_nav_02 a {
  background: url(../img/cmn/btn_nav_02_r.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_03 a {
  background: url(../img/cmn/btn_nav_03_renew.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_03 a:hover {
  background: url(../img/cmn/btn_nav_03_renew_r.gif) 0 0 no-repeat;
}
.android .btn_nav li.btn_nav_03 a {
  background: url(../img/cmn/btn_nav_03_renew_r.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_04 a {
  background: url(../img/cmn/btn_nav_04.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_04 a:hover {
  background: url(../img/cmn/btn_nav_04_r.gif) 0 0 no-repeat;
}
.license_plus .btn_nav li.btn_nav_04 a {
  background: url(../img/cmn/btn_nav_04_r.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_05 a {
  background: url(../img/cmn/btn_nav_05.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_05 a:hover {
  background: url(../img/cmn/btn_nav_05_r.gif) 0 0 no-repeat;
}
.omoushikomi_goriyou .btn_nav li.btn_nav_05 a {
  background: url(../img/cmn/btn_nav_05_r.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_06 a {
  background: url(../img/cmn/btn_nav_06.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_06 a:hover {
  background: url(../img/cmn/btn_nav_06_r.gif) 0 0 no-repeat;
}
.ryuuijikou .btn_nav li.btn_nav_06 a {
  background: url(../img/cmn/btn_nav_06_r.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_07 a {
  background: url(../img/cmn/btn_nav_07.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_07 a:hover {
  background: url(../img/cmn/btn_nav_07_r.gif) 0 0 no-repeat;
}
.shoukai .btn_nav li.btn_nav_07 a {
  background: url(../img/cmn/btn_nav_07_r.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_08 a {
  background: url(../img/cmn/btn_nav_08.gif) 0 0 no-repeat;
}
.btn_nav li.btn_nav_08 a:hover {
  background: url(../img/cmn/btn_nav_08_r.gif) 0 0 no-repeat;
}

.header.with_btn {
  position: relative;
}
.header.with_btn a {
	position: absolute;
	top: 7px;
	right: 4px;
}
.mac_taiou_2line {
	position: absolute;
	top: 2px;
	right: -4px;
}
.mac_taiou_1line {
	position: absolute;
	top: -13px;
	right: -4px;
}

.box_menu {
  background: url(../img/cmn/bg_box_menu.gif) no-repeat;
  margin: 14px 0;
  padding: 0;
  text-align: center;
  width: 690px;
}
.box_menu ul {
  background: url(../img/cmn/bg_box_menu_bottom.gif) left bottom no-repeat;
  padding: 20px 0 17px 0;
}
.box_menu.plural ul {
  padding: 15px 0 12px 0;
}
.box_menu li {
  display: inline;
  margin-right: 15px;
}
.box_menu li a {
  color: #818181;
  background: url(/cmn/img/arrow_c01.gif) no-repeat 0 4px;
  padding-left: 7px;
}

.bg_attention_title {
  background: url(../img/cmn/bg_attention_title.gif) 0 0 no-repeat;
  padding-top: 30px;
  width: 690px;
}
.bg_attention {
  background: url(../img/cmn/bg_attention.gif) left bottom no-repeat;
  padding: 17px 30px 17px 90px;
  font-size: 10px;
}

.notes {
  background: #eeeeee;
  padding: 15px;
  margin-top: 5px;
}

.pagetop {
  text-align: right;
  font-size: 10px;
  padding-top: 15px;
}
.pagetop a {
  display: inline-block;
  padding-left: 1.7em;
  background: url(/cmn/img/arrow_pagetop.gif) no-repeat 3px 0.5em transparent;
}
.pagetop a:link {
  color:#666;
  text-decoration: none;
}
.pagetop a:active {
  color:#666;
  text-decoration: none;
}
.pagetop a:visited {
  color:#666;
  text-decoration: none;
}

/* framelist */
.framelist dt,
.framelist dd,
.framelist2 dt,
.framelist2 dd {
  float: left;
  font-size: 10px;
}
.framelist dt{
  width: 20px;
}
.framelist dd{
  width: 670px;
}
.framelist2 dt{
  width: 25px;
}
.framelist2 dd{
  width: 665px;
}
.notes .framelist dt{
  width: 12px;
}
.notes .framelist dd {
  width: 648px!important;
}
.ta_left{
  text-align: left !important;
}

.ta_right{
  text-align: right !important;
}

.ta_center{
  text-align: center !important;
}

.fleft{
  float: left;
}
.image_l {
  float: left;
  margin-right: 15px;
}

.fright{
  float: right;
}
.image_r {
  float: right;
  margin-left: 15px;
}

.txt_small{
  font-size: 10px !important;
}

.txt_red {
  color: #ff0000;
}

.fw_bold{
  font-weight: bold !important;
}

.underline {
  text-decoration: underline;
}

/* margin and padding config
------------------------------------------- */

/* margin */
.mr0{
  margin-right: 0 !important;
}
.mr5{
  margin-right: 5px !important;
}
.mr10{
  margin-right: 10px !important;
}
.mr20{
  margin-right: 20px !important;
}

.ml10{
  margin-left: 10px !important;
}

.mb0{
  margin-bottom: 0 !important;
}
.mb5{
  margin-bottom: 5px !important;
}
.mb10{
  margin-bottom: 10px !important;
}
.mb15{
  margin-bottom: 15px !important;
}
.mb20{
  margin-bottom: 20px !important;
}
.mb25{
  margin-bottom: 25px !important;
}
.mb30{
  margin-bottom: 30px !important;
}
.mb35{
  margin-bottom: 35px !important;
}
.mb40{
  margin-bottom: 40px !important;
}
.mb45{
  margin-bottom: 45px !important;
}

.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

/* padding */
.pl5{
  padding-left: 5px !important;
}
.pl10{
  padding-left: 10px !important;
}
.pl70{
  padding-left: 70px !important;
}

.pt0 {
  padding-top: 0 !important;
}
.pt10 {
  padding-top: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pt20{
  padding-top: 20px !important;
}
.pt35{
  padding-top: 35px !important;
}

.pb35{
  padding-bottom: 35px !important
}

/* background transparent arrow */
.arrow-10 {
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding-left:1.5em;
  background:url(../img/cmn/arrow_10.png) no-repeat 2px 0.4em scroll transparent;
}
* html arrow-10 {
  background:url(../img/cmn/arrow_10.png) no-repeat 2px 0.8em scroll transparent;
}

/* clearfix */
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix{
  zoom:1;
}

* html .clearfix{
  display: inline-block;
}

/* no ie mac \*/
* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}

.content_box h3{
  margin-bottom: 25px;
}
.txt_box{
  padding-left: 30px;
}

.btn_hover a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* clearfix */
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix{
  zoom:1;
}

* html .clearfix{
  display: inline-block;
}

/* no ie mac \*/
* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}



.dl_kochira_lower{	
	text-align:right;
}
.dl_kochira_lower .btn_dl_mac_s{
	padding-left:5px;
}