* { margin:0; padding:0; border:0; font-size:100%; font:inherit; color:#000000; font-family: "Hiragino Kaku Gothic ProN",'Meiryo UI',"メイリオ",sans-serif; vertical-align:baseline; list-style:none;}

/*----- base ------*/
.clear_f {clear:both;}
a:hover {color:#a4333e;}
#wrap {width:100%; min-width: 1160px;} 

header {width:100%;  background:#d9d9d9; border-bottom:solid 13px #333333; }
#logo {margin:0 auto; height:44px;}
#logo a {display:inline-block;}
#logo #support {display:inline-block; float: right; padding-top: 8px; padding-right: 20px;}
#logo #support a {text-decoration: none;background-color: #808080; color: white; padding: 4px 11px; margin-left: 5px;}
#hd_note {display:inline-block; font-size:14px; margin:20px 0px 0px 30px; padding-left:40px; vertical-align:top; background:url("../images/arrow_bk.png") no-repeat center left;}

#main_wp {width:100%; background:url("../images/main_bg.png") repeat-x top;}
#btn {margin:0 auto; text-align:right;}
#btn a {display:inline-block; margin:5px 20px 0px 0px;}
#main {margin:0 auto;}
#title {margin-bottom:20px; }

h2 {font-size:24px; font-weight:bold; border-left:solid #a4333e 9px; background:#f2f2f2; padding:0px 0px 2px 10px; margin-bottom:5px;}
h3 {font-size:18px; font-weight:bold; margin:5px 0px ; display:inline-block; background:#ffffff; padding-right:10px; position:relative;}
h3+hr {border-top: solid #a4333e 2px; padding-top: 16px; margin-top: -16px;}

footer {width:100%; background:#333333; }
#ft_note {width:100%; background:#e6e6e6; padding:10px 0px;}
#ft_note ul {width:822px; margin:0 auto; font-size:12px; list-style: disc;}
#copy {margin:0 auto; font-size:10px; color:white; text-align:center;}

/*----- index ------*/
.ind {background:url("../images/wp_bg.png") no-repeat bottom center white;}
.ind #main {width:962px; }
.ind #main_l {width:420px; float:left; margin-left:70px;}
.ind #title {margin-left:70px;}
.ind nav { margin-bottom:21px; float:left;}
.ind nav ul li {background:url("../images/arrow_r.png") no-repeat 0 center; font-size:28px; padding-left:28px; margin-bottom:24px; position:relative;}
.ind nav ul li.white {background:url("../images/arrow_wr.png") no-repeat 0 center;}
.ind nav ul li a {text-decoration:none;}
.ind nav ul li .icon_new {position:absolute; top:-10px;margin-left:2px; }
#btn.howto a {width:203px; height:39px; background:url("../images/btn_howto.png") no-repeat; display:inline-block; text-decoration:none;}
#btn.howto a:hover {background:url("../images/btn_howto_ro.png") no-repeat;}


/*----- link ------*/
.p_link #main {width:1154px;}
.p_link #title {border-bottom:solid 5px #a4333e; text-align:center; padding-bottom:5px; width:724px; margin:0 auto; margin-bottom:40px;}
.contents {margin-bottom:70px;}
.con {display:inline-block; vertical-align:top;}
.side_l {width:536px; margin-right:86px;}
.side_r {width:526px;}
.con div {border-bottom: solid 1px #cccccc; margin-bottom: padding-left:20px; position:relative; min-height:33px; margin-bottom:5px;}
.c_name {width:288px; margin-left:20px; left:0px; font-size:18px;}
.c_case {margin-left:50px !important;}
.slide .con div .c_name {font-weight:bold;}
.monoimg .con div .c_name {font-weight:bold;}
.dentaku .con div .c_name, .ws .con div .c_name {width:420px;}
.c_page {width:135px; vertical-align:middle; font-weight:normal; position:absolute; left:321px; top:3px; background:white; padding-left:5px; font-size:16px;}
.c_icon {width:76px; vertical-align:middle; position:absolute; left:456px; top:0px; text-align:center; background:white;}
.c_icon a {display:inline-block;}
#btn.top a {width:176px; height:44px; background:url("../images/btn_top.png") no-repeat; display:inline-block; text-decoration:none;}
#btn.top a:hover {background:url("../images/btn_top_ro.png") no-repeat;}

/*----- howto ------*/
.p_howto #main {width:830px;}
.p_howto #title {border-bottom:solid 5px #a4333e; text-align:center; padding-bottom:5px; width:724px; margin:0 auto; margin-bottom:5px;}
.p_howto #subtitle {font-size:26px;}
.p_howto nav {margin-bottom:40px; width:724px; margin:0 auto 50px;}
.p_howto nav ul { overflow:hidden;}
.p_howto nav li {float:left; margin-right:20px; font-size:18px;}
.p_howto .contents {margin-bottom:40px;}

.howto_text {margin-left:20px; margin-bottom:10px;}
.howto_text dl {margin-bottom:10px; margin-left:2em;}
.howto_text dt {margin-top:5px;}
.howto_text dd {margin-left:20px;}
.howto_text .kome { text-indent:-1em; margin-left:3em;}
.howto_text p.cap {margin:5px 0px 20px 3em;}
.howto_text p.cap img {border:solid 1px #cccccc;}
.howto_text table {width:600px; margin-bottom:10px;}
.howto_text th {}
.howto_text td {}
.btn_mokuji {text-align:right;}
.btn_mokuji a {width:140px; height:31px; background:url("../images/btn_mokuji.png") no-repeat; display:inline-block; text-decoration:none;}
.btn_mokuji a:hover {background:url("../images/btn_mokuji_ro.png") no-repeat;}