@charset "utf-8";

@import url("../packages/default/css/import.css");

div#contentstitle {
    font-size: 23px;
    color: #ffffff; 
    font-family: "HGSｺﾞｼｯｸE","HGS創英角ｺﾞｼｯｸUB","sans-serif";
    background: url(../packages/default/img/products/contentstitle01.gif) no-repeat;
    letter-spacing: 2px;
    margin: 15px 0px 10px 0px;
    padding: 1px 10px 0px 10px;
}

div#contentssubtitle {
    font-size: 26px;
    color: #f75656; 
    background: url(../packages/default/img/products/contentssubtitle01.gif) no-repeat;
    letter-spacing: 1px;
    margin: 15px 0px 10px 0px;
    padding: 23px 10px 23px 78px;
}

ul.contents {
    font-size: 18px;
    color: #f75656; 
    font-family: "HGSｺﾞｼｯｸE","HGS創英角ｺﾞｼｯｸUB","sans-serif";
    margin: 15px 0px 10px 15px;
    padding: 0px 15px 5px 20px;
    letter-spacing: 1px; 
    line-height: 26px;
    list-style-image: url(../packages/default/img/products/list01.gif);
}

div#undercolumn .subbox {
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    /*font-size: 14px;*/
}

div#footerlogo {
    text-align: center;
    margin: 35px 0px 50px 0px;
    padding: 0px 0px 0px 0px;
}

/* undercolumn共通
----------------------------------------------- */
div#undercolumn  h4.guide{
    font-size: 14px;
    color: #585858; 
    letter-spacing: 1px;
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 2px 2px;
    border-bottom: 1px solid #d7d2c6;
}

div#undercolumn  h5 {
    font-size: 14px;
    color: #585858; 
    letter-spacing: 1px;
    margin: 15px 0px 15px 0px;
    padding: 5px 10px 5px 10px;
    background-color: #f1f1f1;
}

div#undercolumn  h6 {
    font-size: 14px;
    color: #1861a8; 
    letter-spacing: 1px;
    margin: 15px 0px 6px 0px;
    padding: 0px 5px 0px 10px;
    border-left: 3px solid #1861a8;
}

div#undercolumn .box {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_325 {
    float: right;
    width: 325px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_330 {
    float: right;
    width: 330px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_200 {
    float: right;
    width: 200px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_220 {
    float: right;
    width: 220px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_280 {
    float: right;
    width: 280px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_295 {
    float: right;
    width: 295px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .leftbox {
    margin: 0px 0px 10px 0px;
    padding: 0px px 0px 0px;
}

div#undercolumn .leftbox_320 {
    float: left;
    width: 300px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
}

div#undercolumn .rightbox_300 {
    float: right;
    width: 300px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_300  h5 {
    font-size: 12px;
    color: #434343; 
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_320 {
    float: right;
    width: 320px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_340 {
    float: right;
    width: 340px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_440 {
    float: right;
    width: 440px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#undercolumn .rightbox_520 {
    float: right;
    width: 520px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


/* guide（ご利用ガイド）共通
----------------------------------------------- */

div#undercolumn .guidebox {
    width: 298px;
    margin: 0px 0px 0px 0px;
    padding: 12px 10px 13px 10px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

div#undercolumn .guideindexbox {
    margin: 0px 0px 5px 0px;
    padding: 15px 15px 15px 15px;
    background-color: #f5f5f5;
}

/*faq（良くある質問）共通
----------------------------------------------- */

div#undercolumn .faqbox {
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 20px 20px;
    border: 1px solid #d6d6d6;
}

div#undercolumn .faqbox  h4 {
    font-size: 13px;
    color: #00a5a8; 
    letter-spacing: 1px;
    line-height: 21px;
    margin: 5px 0px 8px 0px;
    padding: 0px 0px 2px 27px;
    background: url(../packages/default/img/upload/faq_icon.jpg) no-repeat;
    border-bottom: 1px dotted #00a5a8;
}

/*sitemap（サイトマップ）共通
----------------------------------------------- */

div#undercolumn .sitemap {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 25px;
}


/*media（メディア掲載実績）共通
----------------------------------------------- */

div#undercolumn .mediabox {
    margin: 15px 0px 15px 0px;
    padding: 15px 20px 20px 20px;
    border: 1px solid #d6d6d6;
}

div#undercolumn .mediabox  h4 {
    font-size: 13px;
    color: #00a5a8; 
    letter-spacing: 1px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom: 1px dotted #00a5a8;
}


/*SSLサイトシール用
----------------------------------------------- */

div#globalsign {
    width:240px;
    text-align:center;
    margin: 0px 0px 0px 0px;
    background: #f0f0f0;
    overflow:auto;
}
div#globalsign .box {
    width:204px;
    margin:10px;
    padding: 8px 8px 5px 8px;
    background-color: #ffffff;
}

div#globalsign .text{
    font-size:10px;
    text-align:left;
    margin: 3px 0px 0px 0px;
    line-height:150%;
}

/*CP用
----------------------------------------------- */

div#header .headmainlp {
	clear: both;
	width: 910px;
	height: 0px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
    display: block;
}

div#one_column .space20 {
	clear: both;
	width: 910px;
	height: 20px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
    display: block;
}

div#one_column .space30 {
	clear: both;
	width: 910px;
	height: 30px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
    display: block;
}

div#one_column .space40 {
	clear: both;
	width: 910px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
    display: block;
}

div#one_column .space50 {
	clear: both;
	width: 910px;
	height: 50px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
    display: block;
}