@charset "UTF-8";
/*
Theme Name: Cycle Tree
Author: JFE ENGINEERING Corporation
Description: In 2014, Cycle Tree web site's theme.
Version: 1.0
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Basic Structure
 * 3.0 - Header
 * 4.0 - Content
 * 5.0 - Footer
 * 6.0 - Supersized
 * 7.0 - Footer
 * --------------------------------------------------------------------------------
 */
 
 
/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * work of Nicolas Gallagher http://necolas.github.com/normalize.css/
 * --------------------------------------------------------------------------------
 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	line-height: 1;
}

/* Links */

a {
    background: transparent;
    text-decoration: underline;
    cursor: pointer;
}

a:focus {
    outline: none;
}

a:active,
a:hover {
    outline: 0;
}

a:hover {
    color: #000;
    text-decoration: none;
}

/* Typography */

body {
    line-height: 1.6;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    /* 商品の説明の文字を黒（#000）に修正 */
    /* 2018-11-27 */
    color: #000;
    /*color: #666;*/
    
}

p {
    word-wrap: break-word;
}

h1,h2,h3,h4,h5,h6 {
    word-wrap: break-word;
}   

h1 {
	font-size: 22px;
	line-height: 1.18;
}

h2 {
	font-size: 20px;
	line-height: 1.17;
}

h3 {
	font-size: 18px;
	line-height: 1.15;
}

h4 {
	font-size: 16px;
	line-height: 1.24;
}

h5 {
	font-size: 14px;
	line-height: 1.32;
}

h6 {
	font-size: 12px;
	line-height: 1.4;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* List */
ul, ol {
    list-style: none;
}

/* Embedded content */

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

/* Figures */

figure {
    margin: 0;
}

/* Forms */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit; 
    font-size: 100%; 
    margin: 0;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; 
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; 
    vertical-align: top;
}

/* Table */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


 /**
 * 2.0 Basic Structure
 * --------------------------------------------------------------------------------
 */

body {
    min-width: 1000px;
    height: 100%;
}

.noscript {
    padding: 50px 0;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    }
 
#header {
    background: #ff7396;
    width: 100%;
    height: 150px;
    }

#content {
    margin-top: 50px;
    margin-bottom: 80px;
    }

#footer {
    background: #666;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
    }
    
.wrapper {
    width: 780px;
    margin: 0 auto;
    position: relative;
    }


/**
 * 3.0 Header
 * --------------------------------------------------------------------------------
 */
 
#site_logo {
    background: url(../images/common/header_site_ttl.png) no-repeat 50% 50%;
    width: 100%;
    height: 150px;
    text-indent: -9999px;
    }
    
   
    
/**
 * 4.0 Content
 * --------------------------------------------------------------------------------
 */

/* -- Common -- */
.cnt_ttl {
    padding: 10px 0;
    margin-bottom: 30px;
    }
    
.btn_submit {
    margin-top: 30px;
    list-style: none;
    text-align: center;
    }

    .btn_submit li {
        display: inline-block;
        margin: 0 10px;
        vertical-align: top;
        }

.rollover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    }
    

/* -- Login Page -- */
body.login #header {
    background: none;
    height: 100px;
    }

body.login #content {
    width: 580px;
    margin: 0 auto 140px auto;
    }

body.login #content section {
    padding: 35px 135px 50px 135px;
    border: 1px solid #ccc;
    }

    body.login #content h2 {
        padding-bottom: 20px;
        text-align: center;
        }
        
    body.login #content label {
        display: block;
        margin-bottom: 30px;
        font-size: 16px;
        font-weight: bold;
        }
        
    body.login #content .login_input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        }
        
    body.login #content #user_submit {
        background: url(../images/login/login_btn_submit.png) no-repeat;
        display: block;
        width: 210px;
        height: 55px;
        margin: 0 auto;
        text-indent: -9999px;
        border: none;
        }
    
body.login #footer {
    position: fixed;
    left: 0;
    bottom: 0;
    }
    
    
/* -- Gift List Page -- */
.btn_contact {
    position: absolute;
    top: 0;
    right: 0;
    }

.gift_lists {
    margin-left: -30px;
    list-style: none;
    }
    
    .gift_lists li {
        float: left;
        width: 335px;
        margin-left: 30px;
        margin-bottom: 30px;
        padding: 19px 19px 85px 19px;
        border: 1px solid #ccc;
        position: relative;
        }
        
        .gift_lists li .gift_list_ttl {
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 5px;
            }
        
        .gift_lists li .gift_list_lead {
            min-height: 3em;
            font-size: 13px;
            margin-bottom: 10px;
            }
            
        .gift_lists li .gift_list_name {
            padding: 10px 10px 5px 10px;
            margin-bottom: 10px;
            text-align: center;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            }
            
        .gift_lists li .gift_list_image { text-align: center; }
            
        .gift_lists li .gift_list_gift {
            margin-bottom: 15px;
            font-weight: bold;
            }
            
        .gift_lists li .gift_list_btn {
            background: #f7f7f7;
            width: 373px;
            height: 65px;
            line-height: 65px;
            border-top: 1px solid #ccc;
            text-align: center;
            position: absolute;
            left: 0;
            bottom: 1px;
            font-size: 18px;
            font-weight: bold;
            }
        
		/* purple */
        .gift_lists li.purple .gift_list_ttl,
        .gift_lists li.purple .gift_list_lead,
        .gift_lists li.purple .gift_list_gift { color:#7C5F9A; }
        .gift_lists li.purple .gift_list_name { background: #7C5F9A; }
        .gift_lists li.purple .gift_list_btn { color: #7C5F9A; }    
        /* orange */
        .gift_lists li.orange .gift_list_ttl,
        .gift_lists li.orange .gift_list_lead,
        .gift_lists li.orange .gift_list_gift { color: #f28f49; }
        .gift_lists li.orange .gift_list_name { background: #f28f49; }
        .gift_lists li.orange .gift_list_btn { color: #ff791a; }
        /* pink */
        .gift_lists li.pink .gift_list_ttl,
        .gift_lists li.pink .gift_list_lead,
        .gift_lists li.pink .gift_list_gift { color: #ff809f; }
        .gift_lists li.pink .gift_list_name { background: #ff809f; }
        .gift_lists li.pink .gift_list_btn { color: #ff4c79; }
        /* green */
        .gift_lists li.green .gift_list_ttl,
        .gift_lists li.green .gift_list_lead,
        .gift_lists li.green .gift_list_gift { color: #5ba674; }
        .gift_lists li.green .gift_list_name { background: #5ba674; }
        .gift_lists li.green .gift_list_btn { color: #11a642; }
        /* red */
        .gift_lists li.red .gift_list_ttl,
        .gift_lists li.red .gift_list_lead,
        .gift_lists li.red .gift_list_gift { color: #f2836d; }
        .gift_lists li.red .gift_list_name { background: #f2836d; }
        .gift_lists li.red .gift_list_btn { color: #f25b3d; }
        
.btn_submit #gift_list_confirm {
    background: url(../images/gift_list/gift_list_btn_confirm.png) no-repeat;
    display: block;
    width: 410px;
    height: 96px;
    text-indent: -9999px;
    border: none;
    }
    
.btn_submit #gift_list_reset,
.btn_submit #gift_list_submit {
    display: block;
    width: 250px;
    height: 70px;
    text-indent: -9999px;
    border: none;
    }
.btn_submit #gift_list_reset { background: url(../images/gift_list/gift_list_btn_reset.png) no-repeat; }
.btn_submit #gift_list_submit { background: url(../images/gift_list/gift_list_btn_submit.png) no-repeat; }
    
.gift_lists_confirm {
    margin-left: 0;
    text-align: center;
    }
    
    .gift_lists_confirm li {
        display: inline-block;
        float: none;
        padding: 19px;
        text-align: left;
        }
        
        
/* -- Contact Page -- */
.contact_form { width: 100%; }

    .contact_form th,
    .contact_form td {
        padding: 25px;
        border: 1px solid #ccc;
        text-align: left;
        vertical-align: middle;
        } 
    .contact_form th {
        background: #fff7fa;
        font-size: 14px;
        font-weight: bold;
        width: 30%;
        }
        
    .contact_form .contact_input01 { width: 40%; }
    .contact_form .contact_input02 { width: 100%; }
    
    .contact_form textarea { height: 200px; }

body.contact .btn_submit { margin-top: 60px; }

    .btn_submit #contact_confirm,    
    .btn_submit #contact_reset,
    .btn_submit #contact_submit,
    .btn_submit #contact_close {
        display: block;
        width: 230px;
        height: 60px;
        text-indent: -9999px;
        border: none;
        }
    .btn_submit #contact_confirm { background: url(../images/contact/contact_btn_confirm.png) no-repeat; }
    .btn_submit #contact_reset { background: url(../images/contact/contact_btn_reset.png) no-repeat; }
    .btn_submit #contact_submit { background: url(../images/contact/contact_btn_submit.png) no-repeat; }
    .btn_submit #contact_close { background: url(../images/contact/contact_btn_close.png) no-repeat; }
    
    
    
/**
 * 5.0 Footer
 * --------------------------------------------------------------------------------
 */

footer p {
    text-align: center;
    line-height: 60px;
    color: #fff;
}

footer .fs_verdana {
    font-family: Verdana, Geneva, sans-serif;
}



/**
 * 6.0 Supersized
 * --------------------------------------------------------------------------------
 */
 
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center; }
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; cursor: default; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(imags/index/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



/**
 * 7.0 Other
 * --------------------------------------------------------------------------------
 */
/* -- Clearfix -- */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
.clearfix { zoom:1; }

/* -- Font Size -- */
.fs10 { font-size: 10px; }

/* -- Text Align -- */
.ta_center { text-align: center; }

/* -- Font Color -- */
.fc_red { color: #ff0000; }