/*
Theme Name: ASUE Project
Author: T.Kumagami
Version: β forever
Template: twentytwelve
*/

@import url('base.css');
@import url('../twentytwelve/style.css');

/*********************************************
                blog template
*********************************************/

/* copy header.css */
/*------------------------
  toraya BG & header_style
-------------------------*/


/************** index **************/

#wrapper {
    background: url(images/common/img_body_bg.png) repeat;
    min-width: 980px;
    margin: 0 auto;
}

/************** ヘッダー **************/

#header {
    min-width: 980px;
}

.check_header {
    background: url(img/check_hd.jpg) no-repeat;
    background-position: center;
    height: 240px;
    vertical-align: middle;
}
.blog_header {
    background-color: #F9F9F9;
    height: 40px;
}

#header .header_inner {
    width: 980px;
    margin: 0 auto;
    display: inline-block;
}

#header .header_inner .header_l {
    width: 230px;
    display: inline-block;
    float: left;
}

#header .header_inner .header_l img {
    margin: 0 0 10px 0;
}

#header .header_inner .header_r {
    width: 700px;
    height: 56px;
    text-align: left;
    display: inline-block;
    float: right;
    margin: 135px 0 0 0;
    font-size: 120%;
}

#header .header_inner .header_r a {
    text-decoration: none;
    vertical-align: 1px;
    color: #961c04;
    font-size: 75%;
}

#header .header_inner .header_r a:hover {
    text-decoration: underline;
}

#header .header_inner h1 {
    width: 700px;
    display: inline-block;
}

#header .header_inner .header_r span {
    background: url(images/common/pan_icon.png) no-repeat;
    background-position: 7px 2px;
    font-size: 75%;
    display: inline-block;
    margin: 0 0 44px 0;
    padding: 0 0 0 20px;
    color: #404040;
}

/* copy base.css */

body {
    text-align: center;
    color: #666;
    overflow-x: hidden;
}

.mac body {
    font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, sans-serif;
}
.win body {
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
    word-break: break-all;
}


/** base  **/
p,li,dl,table,h1,h2,h3,h4,h5 {
    -webkit-text-size-adjust: none;
}

/**-- margin --**/
.m00 {margin: 0 !important;}
.m05 {margin:5px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}

.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.mr05 {margin-right:5px !important;}
.mr07 {margin-right:7px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.mb05 {margin-bottom:5px !important;}
.mb07 {margin-bottom:7px !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;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml05 {margin-left:5px}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.p05 { padding:5px !important;}
.p10 { padding:10px !important;}
.p15 { padding:15px !important;}
.p20 { padding:20px !important;}

.pt05 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}


.pl05 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}

.pb05 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.w05p {width: 5% !important;}
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w33p {width: 33% !important;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w50p {width: 50% !important;}
.w55p {width: 55% !important;}
.w60p {width: 60% !important;}
.w65p {width: 65% !important;}
.w70p {width: 70% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w85p {width: 85% !important;}
.w90p {width: 90% !important;}
.w95p {width: 95% !important;}
.w100p {width: 100% !important;}



/**-- float --**/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.fleft {float: left;}
.fright {float: right;}

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }



/**-- clear --**/
.clear {clear: both;}

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

/** text **/
.font70{font-size:70% !important;}
.font80{font-size:80% !important;}
.font100{font-size:100% !important;}
.font120{font-size:120% !important;}
.font130{font-size:130% !important;}
.font140{font-size:140% !important;}
.font150{font-size:150% !important;}
.font160{font-size:160% !important;}
.font170{font-size:170% !important;}
.font180{font-size:180% !important;}
.font190{font-size:190% !important;}
.font200{font-size:200% !important;}
.font210{font-size:210% !important;}
.font220{font-size:220% !important;}
.font230{font-size:230% !important;}
.font240{font-size:240% !important;}
.font250{font-size:250% !important;}


/** IE8img透過 **/
img.png{
    filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sample.png", sizingMethod="scale");
}

/* copy footer.css */
#footer {
    background: url(images/common/img_footer_bg.png) repeat;
    margin-top: 85px;
}

#footer .footer_content {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

#footer .footer_content .page_top_btn {
    position: absolute;
    right: 0;
    top: -35px;
}

#footer .footer_content .company_prof {
    width: 460px;
    text-align: left;
    padding: 15px 0 0 0;
    display: inline-block;
    float: left;
    margin: 0 0 10px 0;
}

#footer .footer_content .company_prof span {
    font-size: 85%;
    margin: 10px 0 0 30px;
    display: inline-block;
    color: #4d4d4d;
    line-height: 1.8em;
}

#footer .footer_content .company_prof span strong {
    color: #4d4d4d;
    font-size: 110%;
    letter-spacing: 0.1em;
}

#footer .footer_content .company_prof .tel {
    margin: 8px 0 0 30px;
    display: inline-block;
}

#footer .footer_content .sns_list {
    display: inline-block;
    float: right;
    margin: 15px 0 10px 0;
    height: 64px;
    width: 201px;
}

#footer .footer_content .info {
    width: 450px;
    display: inline-block;
    float: right;
    font-size: 70%;
    margin: 0 0 20px 0;
}

#footer .footer_content .info span {
    float: right;
}

#footer .footer_content .footer_menu_wrap {
    border-top: 1px solid #A9A9A9;
    -webkit-box-shadow: 0 1px 0 #DCDCDC;
    -moz-box-shadow: 0 1px 0 #DCDCDC;
    box-shadow: 0 1px 0 #DCDCDC;
}

#footer .footer_content .footer_menu {
    width: 485px;
    display: inline-block;
    float: left;
    margin: 20px 0 0 125px;
}

#footer .footer_content .footer_menu li {
    float: left;
    width: 100px;
    text-align: left;
    font-size: 80%;
    line-height: 2.0em;
    background: url(images/top/foot_menuicon.png) no-repeat;
    background-position: 0 8px;
    padding: 0 0 0 8px;
}


#footer .footer_content .footer_menu li a {
    text-decoration: none;
    color: #4d4d4d;
}

#footer .footer_content .footer_menu li a:hover {
    text-decoration: underline;
    color: #4d4d4d;
}

#footer .footer_content .sns_link {
    float: right;
    display: inline-block;
    margin: 50px 0 30px 0;
}

#footer .footer_content .sns_link li {
    float: left;
}

#footer #copyright {
    height: 40px;
    background-color: #8e8d88;
}

#footer #copyright .copyright_inner {
    width: 980px;
    margin: 0 auto;
}

#footer #copyright .copyright_inner .copyright_menu {
    display: inline-block;
    float: left;
    margin: 14px 0 0 0;
}

#footer #copyright .copyright_inner .copyright_menu li {
    float: left;
    text-align: left;
    font-size: 65%;
    background: url(images/top/copyright_icon.png) no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 7px;
}

#footer #copyright .copyright_inner .copyright_menu li a {
    color: #DCDCDC;
    text-decoration: none;
}

#footer #copyright .copyright_inner .copyright_menu li a:hover {
    text-decoration: underline;
}

#footer #copyright .copyright_inner span {
    color: #DCDCDC;
    display: inline-block;
    float: right;
    font-size: 60%;
    margin: 15px 0 0 0;
}

/* copy blog.css */
#contents .contents_inner {
    width: 980px;
    margin: 0 auto;
    display: inline-block;
}

#contents .contents_inner .main_contents {
    width: 640px;
    min-height: 1000px;
    text-align: left;
    display: inline-block;
}

#contents .contents_inner .main_contents h1 {
    margin: 40px 0 55px 0;
}

#contents .contents_inner .main_contents h3 {
    font-size: 110%;
    font-weight: bold;
    color: #981c04;
    width: 640px;
    padding: 0 0 9px 0;
    margin: 0 0 9px 0;
    border-bottom: 1px solid #ccc;
}

#contents .contents_inner .main_contents .blogdate {
    color: #59503f;
    font-size: 75%;
    margin: 0 0 20px 0;
}

#contents .contents_inner .main_contents .blogdate span {
    color: #981c04;
    margin: 0 5px 0 0;
}

#contents .contents_inner .main_contents .blogdate a {
    color: #59503f;
}

#contents .contents_inner .main_contents .blogdate :hover {
    text-decoration: none;
}

#contents .contents_inner .main_contents .blog_image {
    margin: 0 0 38px 0;
    border: 12px solid #d4c7be;
}

#contents .contents_inner .main_contents .blog_text {
    color: #59503f;
    font-size: 75%;
    line-height: 1.9em;
    margin: 0 0 60px 0;
}


/************** コメント投稿 **************/

#contents .contents_inner .main_contents h5 {
    font-weight: bold;
    font-size: 90%;
    margin: 0 0 20px 0;
    padding: 15px 0 0 0;
}

#contents .contents_inner .main_contents .blog_comment {
    text-align: center;
}

#contents .contents_inner .main_contents .comment_l {
    width: 123px;
    text-align: left;
}

#contents .contents_inner .main_contents .comment_l li {
    color: #59503f;
    font-size: 75%;
    margin: 0 0 17px 0;
    padding: 5px 0 0 0;
}

#contents .contents_inner .main_contents .comment_r {
    width: 515px;
    line-height: 1.3em;
    margin: 0 0 15px 0;
    text-align: left;
}

#contents .contents_inner .main_contents .comment_r li {
    margin: 0 0 11px 0;
}

#contents .contents_inner .main_contents .comment_r li input {
    border: 1px solid #c9c0b7;
    background-color: #f4f3f1;
    height: 20px;
    width: 310px;
}

#contents .contents_inner .main_contents .comment_r li textarea {
    border: 1px solid #c9c0b7;
    background-color: #f4f3f1;
    margin: 0;
    width: 365px;
    height: 130px;
}

#contents .contents_inner .main_contents .blog_comment_btm {
    width: 640px;
    height: 50px;
    border-top: 1px solid #ccc;
    display: inline-block;
    margin: 40px 0 0 0;
    padding: 15px 0 0 0;
}

/****************************************************
                ADD this stylesheet
****************************************************/

.content {

}
#primary {
    float: right;
    text-align: left;
}
#secondary {
    float: left;
    margin: 190px 0 0 0;
    width: 180px;
    text-align: left;
}
#secondary img {
    margin: 0 0 15px 0;
}
#secondary ul {
    margin: 0 0 40px 0;
}
#secondary ul li {
    padding: 0 0 0 18px;
    margin: 0 0 17px 0;
    line-height: 1.3;
    background: url(./img/side_nav_icon.png) no-repeat 6px 4px;
}
#secondary ul li a {
    color: #666 !important;
}

.site-content {
    width: 640px;
    margin: 40px 80px 0 0;
}

/** contents **/

#contents a:hover {
    text-decoration: none;
}

#content .entry-header h1 {
    font-size: 140%;
    font-weight: bold;
    width: 640px;
    padding: 0 0 9px 0;
    margin: 0 0 9px 0;
    border-bottom: 1px solid #ccc;
}
#content .entry-header h1 a {
    color:#981c04;
}
.site-content article {
    border-bottom: none;
    margin-bottom: 0;
}

ul.poststatus {
    margin: 0 0 20px 0;
}
ul.poststatus li {
    float: left;
    margin: 0 10px 0 0;
    color: #981c04;
}
ul.poststatus li a, ul.poststatus li span {
    color:#666;
}
.archive-header, .page-header {
    border-bottom: none;
}
.archive-header h1, .page-header h1 {
    font-weight: normal;
    font-size: 110%;
}
#contents .entry-header .blog_image {
    margin: 0 0 38px 0;
    border: 12px solid #d4c7be;
}
    #contents .entry-header .blog_image a {
        display: block;
    }
        #contents .entry-header .blog_image a img {
            vertical-align:top;
        }


/**  comment area  **/
#inputtext {
    width: 437px;
}

#inputtext label, .comment-form-comment label {
    float: left;
    width: 123px;
}
#inputtext input {
    float: rigth;
    width: 312px !important;
    height: 24px;
}
.comment-form-comment textarea {
    width: 371px !important;
    height: 136px !important;
    overflow-y: scroll;
}
.form-allowed-tags {
    display: none;
}

input#submit {
    display: block;
    background-image:url("img/entry_off.gif");
    background-repeat:no-repeat;
    background-color:#000000;
    border:none;
    width:150px;
    height:30px;
    text-indent: -9999px;
    cursor: pointer;
    margin: 0 0 0 125px;
}
input#submit:hover {
    background-image:url("img/entry_on.gif");
    background-repeat:no-repeat;
    background-color:#000000;
}

form.comment-form {
    padding-bottom: 55px;
    border-bottom: 1px solid #CCC;
}

.listback {
    width: 640px;
}
.listback img {
    display: block;
    margin: 0 auto;
}
.listback img:hover {

}

.sns_list iframe {
    float: left;
    margin-right: 2px;
}
.sns_list div {
    float: left;
}

/** single-case **/
.case #primary {
    margin: 20px 0 0 0;
}
.case .site-content {
    width: 700px;
}
.case #contents .contents_inner .main_contents {
    width: 700px;
    min-height: 1000px;
    text-align: left;
    display: inline-block;
}

.case .main_contents {
    line-height: 1.3;
    font-size: 90%;
}

#contents .works_info {
    background: url(img/list_border.gif) repeat-x;
    font-size: 105%;
    background-position: top;
    color: #404040;
    display: inline-block;
    line-height: 1.6em;
    width: 700px;
    padding: 20px 0 0 0;
    margin: 0 0 35px 0;
}

#contents .works_shousai h3.case {
    background: url(img/works_icon.gif) no-repeat;
    color: #978475;
    font-size: 140%;
    letter-spacing: 2px;
    padding: 0 0 0 25px;
    margin: 0 0 20px 0;
    display: inline-block;
    border-bottom: none;
}

#MainPhoto {
    display: block;
    margin: 0 auto;
    max-width: 700px;
    max-height: 525px;
}
.case .subimage li {
    float: left;
    width: 171px;
    margin: 0 10px 0 0;
    background:  #d4c7be;
}
.case .subimage img {
    display: block;
    max-width: 166px;
    max-height: 126px;
    margin: 0 auto;
}
.case .subimage .change {
    border: 5px solid #d4c7be;
}

#contents .contents_inner .works_shousai .works_data {
    width: 700px;
    color: #404040;
}
#contents .contents_inner .works_shousai .works_data .bdtop {
    border-top: 2px dotted #a6a39e;
}
#contents .contents_inner .works_shousai .works_data .bdbottom {
    border-bottom: 2px dotted #a6a39e;
}
#contents .contents_inner .works_shousai .works_data th {
    background: url(img/works_tblicon.gif) no-repeat left top;
    background-position: 17px 15px;
    padding: 11px 0 13px 32px;
    background-color: #d0c6bc;
    width: 30%;
    font-size: 120%;
    font-weight: bold;
}
#contents .contents_inner .works_shousai .works_data .bdleft {
    border-left: 2px dotted #a6a39e;
}
#contents .contents_inner .works_shousai .works_data td {
    padding: 13px 0 13px 25px;
    font-size: 110%;
}
#contents .contents_inner .works_shousai .arrow {
    margin: 135px 0 0 25px;
    display: inline-block;
}
#contents .contents_inner .works_shousai .customer_msg p {
    color: #404040;
    display: inline-block;
    line-height: 1.8em;
    width: 660px;
    padding: 15px 20px;
    background-color: #f2f1ed;
    border-radius: 3px;
}
.contact_wrap {
    width: 876px;
    height: 100px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 25px 52px 0 52px;
    margin: 0 auto 65px auto;
}
.case .b-a {
    width: 320px;
}
.case .b-a img {
    display: block;
    max-width: 320px;
    max-height: 240px;
    margin: 0 auto;
}

.b-a-repeat {
    height: 276px;
    width: 700px;
    margin-bottom: 40px;
}
.b-a-repeat .b-a {
    max-width: 320px;
}
.b-a-repeat .b-a img {
    max-width: 320;
    max-height: 240;
    display: block;
    margin: 0 auto;
}


/** sidebar-2 **/
#secondary-case {
    float: left;
    width: 230px;
    text-align: left;
}
.sidemenu p img {
    margin: 0 0 8px 0;
}
.sidemenu_List {
    background: url(images/common/sidemenu_bg.png) -3px top no-repeat;
    width: 230px;
}
.sidemenu_List li {
    width: 76px;
    height: 195px;
    float: left;
    margin: 2px 0 0 0;
}
.sidemenu_List li img {
    margin: 0 0 0 3px;
}

/** footer-2 **/
.contact_wrap .contact_info {
    color: #4d4d4d;
    margin: 0 0 20px 0;
    font-size: 115%;
}

/** archive-case **/

.works_wrap {
    background: url(img/list_border.gif) repeat-x;
    background-position: bottom;
    color: #404040;
    display: inline-block;
    height: 240px;
    width: 700px;
}

.works_wrap h3 {
    background: url(img/works_icon.gif) no-repeat;
    color: #978475;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0 0 0 25px;
    margin: 0 0 25px 0;
}
.works_wrap ul li {
    float: left;
    max-width: 208px;
    max-height: 156px;
    margin: 0 8px 0 0;
}
.works_wrap ul li img {
    display: block;
    max-width: 208px;
    max-height: 156px;
    margin: 0 auto;
}
.works_wrap .works_data {
    width: 255px;
}
.works_wrap .works_data .border_bottom {
    border-bottom: 2px dotted #a6a39e;
}
.works_wrap .works_data .border_top {
    border-top: 2px dotted #a6a39e;
}
.works_wrap .works_data th {
    background: url(img/works_tblicon.gif) no-repeat;
    background-position: 9px 15px;
    padding: 10px 0 10px 23px;
    width: 65px;
    background-color: #d0c6bc;
}
.works_wrap .works_data .bg_none {
    background: none;
}
.works_wrap .works_data img {
    display: inline-block;
    float: right;
    margin: 10px 0 0 0;
    margin: 2px 0 0 0 \9;
}
.works_wrap .works_data .morebtn {
    line-height: 0\9;
    vertical-align: middle\9;
}

/** comment **/

.comment-reply-title {
    font-weight: bold;
}
.nav-previous a, .nav-next a {
    color: #961c04;
}