/*
Theme Name: danshari
Theme URI: http://dansharikai/wp/danshari
Author: STYLE WORK - Team Danshari
Version: 1.0
*/

@charset "utf-8";

/*	Base Style Sheet
*	Last Update 2013-2-28
*
*	1-0.Hack Module
*	1-1.General
*	1-2.Hypertext Module
*	1-3.Structure Module
*	1-4.Editorial Module
*	1-5.Footer Module
*	1-6.Margin Module
*	1-7.Padding Module
*	1-8.Justification
*	1-9.Float
*	1-10.Width
*
*	2-1.INDEX Setting
*	2-2.NEWS Setting
*	2-3.ITEM Setting
*	2-4.BLOG Setting
*	2-5.SEMINAR Setting
*	2-6.PROFILE Setting
*	2-7.CONTACT Setting
*	2-8.PRIVACY Setting
*	2-9.DEAL Setting
*/


/*======================================

	1-0.Hack Module

=======================================*/

/* For modern browsers */
#Header:before,
#Header:after,
#gNavi:before,
#gNavi:after,
#Contents:before,
#Contents:after,
#InnerContents:before,
#InnerContents:after,
#Footer:before,
#Footer:after {
content:"";
display:table;
}
#Header:after,
#gNavi:after,
#Contents:after,
#InnerContents:after,
#Footer:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#Header,
#gNavi,
#Contents,
#InnerContents,
#Footer {zoom:1;}


/* ClearFix  */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
  
.clearfix:after {clear:both;}
  
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}
/*==========*/



/*======================================

	1-1.General

=======================================*/

body {
font-size:13px;
*font-size:small;
*font:x-small;
line-height:1.6;
letter-spacing:0;
background:#f4f0ea url(shared/img/bg_body.gif) repeat-x;
color:#333;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
text-align:center;
}


/* for ie7  */ 
*:first-child+html body,table {
font-size:13px;
line-height:1.6;
}

/* for ie8 */  
html>/**/body body,table {
font-size/*\**/:13px\9;
line-height/*\**/:1.6\9;
}

table {
font-size:inherit;
font:100%;
}
body,
h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
p,pre,blockquote {
margin:0;
padding:0;
}

fieldset,img {border:0;}
ul,ol {list-style:none;}
table {
border-collapse:collapse;
border-spacing:0;
}
table th,
table td {vertical-align:top;}


/*======================================

	1-2.Hypertext Module

=======================================*/

/* <Default> */
a {color:#a46d0c;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:underline;}

/*Chenge Opacty*/
a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

/*======================================

	1-3.Structure Module

=======================================*/
#Wrap {padding-top:20px;}
#Contents {
width:960px;
margin:0 auto 30px;
text-align:left;
}

#MainColumn {
position:relative;
float:left;
border-radius:5px;
width:700px;
background-color:#fff;
behavior: url(_root/PIE.htc);
}
#MainColumn .Section {padding:30px 20px 20px;}
#SideColumn {
float:right;
width:242px;
}
#SideColumn .Section {
position:relative;
border-radius:5px;
margin-bottom:20px;
padding:5px;
box-shadow:0 0 2px #333;
background-color:#c1b9ab;
behavior: url(_root/PIE.htc);
}

/*======================================

	1-4.Editorial Module

=======================================*/

/* == HEADER == */
#Header {
height:160px;
margin-bottom:30px;
background:url(shared/img/bg_navi.gif) no-repeat 0 100%;
}
#Header h1 {
float:left;
width:612px;
margin-bottom:25px;
}
#Header #BtnFront {
float:right;
width:182px;
}

/* == GLOVAL NAVIGATION == */
#gNavi {clear:both;}
#gNavi li {float:left;}

/* == SIDE == */
#MailMag,
#News,
#Seminar,
#Blognew,
#Tagcloud {
border-radius:5px;
padding:10px;
background-color:#fff;
behavior: url(_root/PIE.htc);
}

#MailMag {
background-color:#990036;
color:#fff;
}
#MailMag h3 {margin-bottom:10px;}
#MailMag h4 {margin:20px 0 5px;}
#MailMag input {
}
#MailMag .formType01 {
width:205px;
margin-bottom:10px;
padding:5px 0;
}
#FormSend {background:url(shared/img/btn_application-over.gif) no-repeat;}
#FormSend input:hover {
opacity: 0.0;
/* IE */
filter: alpha(opacity=0);
}

#News h3,
#Seminar h3,
#Blognew h3 {margin-bottom:20px;}
#Tagcloud h3 {margin-bottom:0px;}

#SideColumn dl {margin-bottom:-15px;}
#SideColumn dt {
margin-bottom:5px;
padding-left:12px;
background:url(shared/img/arrow_def.gif) no-repeat 0 0.3em;
}
#SideColumn dd {margin-bottom:15px;}

#SideColumn ul {margin-bottom:-10px;}
#SideColumn li {
margin-bottom:10px;
padding-left:12px;
background:url(shared/img/arrow_def.gif) no-repeat 0 0.3em;
}

/* == COMMON == */
h2 {margin-bottom:30px;}

/* == FB == */
#fbLikebox {margin-top:30px;}

/* == TITLE == */
.h2-ttl {
height:120px;
background:url(shared/img/bg_h2.jpg) no-repeat;
}
.h2-ttl img {
padding:28px 0 0 20px;
}
.h3-ttl {
margin-bottom:20px;
background:url(shared/img/bg_h3-ttl.gif) repeat-x;
}


/* == FONT == */
.fontLL {font-size:123.1%;}
.fontL {font-size:108%}
.fontM {font-size:93%;}
.fontS{font-size:85%;}
.fontSS {font-size:77%;}


/*======================================

	1-5.Footer Module

=======================================*/
#Footer {
color:#fff;
background-color:#706a60;
}
#pageAnchor {
background-color:#bbac96;
text-align:center;
}
#pageAnchor a {
display:block;
padding:10px 0;
}
#pageAnchor a:hover {
text-decoration:none;
background:#d2c7b8;
}

#InnerFooter {padding:30px 0 10px;}
#InnerFooter ul {margin-bottom:20px;}
#InnerFooter ul li {
display:inline;
border-right:1px solid #fff;
margin-right:0.5em;
padding-right:1em;
}
#InnerFooter ul li a {color:#fff;}
#InnerFooter ul li.li-Last {
border-right:0;
margin-right:0;
padding-right:0;
}

#Copyrgiht {
text-align:center;
font-family:verdana;
font-size:85%;
}

/*======================================

	1-6.Margin Module

=======================================*/

/* <Left Margin> */
.marL0 {margin-left:0px;}
.marL5 {margin-left:5px;}
.marL10 {margin-left:10px;}
.marL15 {margin-left:15px;}
.marL20 {margin-left:20px;}
.marL25 {margin-left:25px;}
.marL30 {margin-left:30px;}
.marL35 {margin-left:35px;}
.marL40 {margin-left:40px;}

/* <Right Margin> */
.marR0 {margin-right:0px;}
.marR5 {margin-right:5px;}
.marR10 {margin-right:10px;}
.marR15 {margin-right:15px;}
.marR20 {margin-right:20px;}
.marR25 {margin-right:25px;}
.marR30 {margin-right:30px;}
.marR35 {margin-right:35px;}
.marR40 {margin-right:40px;}

/* <Top Margin> */
.marT0 {margin-top:0px;}
.marT5 {margin-top:5px;}
.marT10 {margin-top:10px;}
.marT15 {margin-top:15px;}
.marT20 {margin-top:20px;}
.marT25 {margin-top:25px;}
.marT30 {margin-top:30px;}
.marT35 {margin-top:35px;}
.marT40 {margin-top:40px;}

/* <Bottom Margin> */
.marB0 {margin-bottom:0px;}
.marB5 {margin-bottom:5px;}
.marB10 {margin-bottom:10px;}
.marB15 {margin-bottom:15px;}
.marB20 {margin-bottom:20px;}
.marB25 {margin-bottom:25px;}
.marB30 {margin-bottom:30px;}
.marB35 {margin-bottom:35px;}
.marB40 {margin-bottom:40px;}


/*======================================

	1-7.Padding Module

=======================================*/

/* <Left Padding> */
.padL0 {padding-left:0px;}
.padL5 {padding-left:5px;}
.padL10 {padding-left:10px;}
.padL15 {padding-left:15px;}
.padL20 {padding-left:20px;}
.padL25 {padding-left:25px;}
.padL30 {padding-left:30px;}
.padL35 {padding-left:35px;}
.padL40 {padding-left:40px;}

/* <Right Padding> */
.padR0 {padding-right:0px;}
.padR5 {padding-right:5px;}
.padR10 {padding-right:10px;}
.padR15 {padding-right:15px;}
.padR20 {padding-right:20px;}
.padR25 {padding-right:25px;}
.padR30 {padding-right:30px;}
.padR35 {padding-right:35px;}
.padR40 {padding-right:40px;}

/* <Top Padding> */
.padT0 {padding-top:0px;}
.padT5 {padding-top:5px;}
.padT10 {padding-top:10px;}
.padT15 {padding-top:15px;}
.padT20 {padding-top:20px;}
.padT25 {padding-top:25px;}
.padT30 {padding-top:30px;}
.padT35 {padding-top:35px;}
.padT40 {padding-top:40px;}

/* <Bottom Padding> */
.padB0 {padding-bottom:0px;}
.padB5 {padding-bottom:5px;}
.padB10 {padding-bottom:10px;}
.padB15 {padding-bottom:15px;}
.padB20 {padding-bottom:20px;}
.padB25 {padding-bottom:25px;}
.padB30 {padding-bottom:30px;}
.padB35 {padding-bottom:35px;}
.padB40 {padding-bottom:40px;}

/* <All Padding> */
.pad0 {padding:0px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.pad25 {padding:25px;}
.pad30 {padding:30px;}
.pad35 {padding:35px;}
.pad40 {padding:40px;}


/*======================================

	1-8.Justification

=======================================*/

.alignL {text-align:left;}
.alignR {text-align:right;}
.alignC {text-align:center;}
.alignT {vertical-align:top;}
.alignM {vertical-align:middle;}
.alignB {vertical-align:bottom}


/*======================================

	1-9.Float

=======================================*/

.Left {
float:left;
display:inline;
}
.Right {
float:right;
display:inline;
}

/*======================================

	1-10.Width

=======================================*/

.lngCell-05 {width:5%;}
.lngCell-10 {width:10%;}
.lngCell-15 {width:15%;}
.lngCell-20 {width:20%;}
.lngCell-25 {width:25%;}
.lngCell-30 {width:30%;}
.lngCell-35 {width:35%;}
.lngCell-40 {width:40%;}
.lngCell-45 {width:45%;}
.lngCell-50 {width:50%;}
.lngCell-55 {width:55%;}
.lngCell-60 {width:60%;}
.lngCell-65 {width:65%;}
.lngCell-70 {width:70%;}
.lngCell-75 {width:75%;}
.lngCell-80 {width:80%;}
.lngCell-85 {width:85%;}
.lngCell-90 {width:90%;}
.lngCell-95 {width:95%;}


/*======================================

	2-1.INDEX Setting

=======================================*/
/* Hack */
#ul-Idx:before,
#ul-Idx:after,
#ul-Idx dl:before,
#ul-Idx dl:after {
content:"";
display:table;
}
#ul-Idx:after,
#ul-Idx dl:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#ul-Idx,
#ul-Idx dl {zoom:1;}
/*===========*/

#MainVisual {position:relative;}
#MainVisual #BtnProfile {
position:absolute;
top:230px;
right:20px;
}

#ul-Idx li {
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px dotted #999;
}
#ul-Idx dl {
margin-bottom:15px;
font-weight:bold;
}
#ul-Idx dt {
float:left;
width:100px;
}
#ul-Idx dd {
float:right;
width:560px;
color:#a46d0c;
}
#ul-Idx .leadTxt {width:450px;}
#ul-Idx .moreTxt {
margin:10px 0;
padding-left:12px;
background:url(shared/img/arrow_def.gif) no-repeat 0 0.3em;
}

/*======================================

  2-2.NEWS Setting

=======================================*/
/* Hack */
#ul-News li:before,
#ul-News li:after {
content:"";
display:table;
}
#ul-News li:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#ul-News li {zoom:1;}
/*===========*/

#ul-News li {margin-bottom:20px;}
#ul-News .cntThumb {
float:left;
width:120px;
}
#ul-News .cntThumb img {
border:3px solid #c1b9ab;
padding:1px;
background-color:#fff;
}
#ul-News dl {
float:right;
width:540px;
font-weight:bold;
}

#dl-News {margin-bottom:40px;}
#dl-News dt {
margin-bottom:5px;
padding-left:12px;
background:url(shared/img/arrow_def.gif) no-repeat 0 0.3em;
}
#dl-News dd {margin-bottom:15px;}

#magBk {}
#magBk li {
border-bottom:1px dotted #666;
margin-bottom:10px;
padding-bottom:10px;
}
#magBk li span {
display:inline-block;
width:7em;
}


/*======================================

	2-3.ITEM Setting

=======================================*/
#ItemTB {width:660px;}
#ItemTB th,
#ItemTB td {
border:1px solid #999;
padding:10px 3px;
font-weight:normal;
}
#ItemTB th {
background-color:#f1e9db;
text-align:left;
}
#ItemTB .cellType01,
#ItemTB .cellType02,
#ItemTB .cellType03 {
background-color:#f6f1da;
color:#000;
font-weight:bold;
text-align:center;
}
#ItemTB .cellType01 {width:160px;}
#ItemTB .cellType02 {width:100px;}

#ItemTB .goCart {margin-top:5px;}
#ItemTB .goCart a {
padding-left:12px;
background:url(shared/img/arrow_def.gif) no-repeat;
}
#ItemTB .goCart span {font-size:85%;}

/*======================================

	2-4.BLOG Setting

=======================================*/
#BlogBody h3 {
border:1px solid #ccc;
margin:10px 0;
padding:10px;
font-size:123.1%;
}
#BlogBody .dateTxt {text-align:right;}
#BlogBody .Article {margin:20px 0;}
#BlogBody #Pagenation {
margin-top:20px;
text-align:center;
}

/*======================================

	2-5.SEMINAR Setting

=======================================*/

.SeminarSchedule {
height:30px;
margin:40px 0 20px;
padding-left:35px;
background:url(img/seminar/img_calendar.gif) no-repeat 0 50%;
color:#000;
font-size:153.9%;
}

#SeminarLink {margin:30px 200px 0;}
#SeminarLink a {
display:block;
width:260px;
height:40px;
background:url(img/seminar/btn_event.gif) no-repeat;
text-indent:-999em;
}
#SeminarLink a:hover { background-position:0 -40px;}

#SemiFrame {
border:0;
width:660px;
height:850px;
}

#ul-Seminar li {margin-bottom:20px;}
#ul-Seminar .cntThumb {
float:left;
width:120px;
}
#ul-Seminar .cntThumb img {
border:3px solid #c1b9ab;
padding:1px;
background-color:#fff;
}
#ul-Seminar h5 {
margin-bottom:10px;
padding:10px 20px;
background-color:#dadada;
font-size:118%;
font-weight:bold;
}
#ul-Seminar .ul-InnerSeminar {margin-left:120px;}
#ul-Seminar .ul-InnerSeminar li {margin-bottom:5px;}
#ul-Seminar span {font-size:85%;}


/*======================================

	2-6.PROFILE Setting

=======================================*/
.h3-prof {
margin-bottom:20px;
color:#000;
font-size:153.9%;
line-height:1.3;
}
.h3-prof span {
display:block;
margin-top:10px;
color:#990036;
}

#ProfileBody {margin-bottom:30px;}
#ProfileBody .Right {
width:200px;
margin:0 0 30px 30px;
}
#ProfileBody .Right p {margin-top:10px;}
#ProfileBody .Right span {
display:block;
font-size:85%;
}
#ProfileBody .leadTxt {margin-bottom:30px;}

.ul-Profile {
border-top:1px solid #ccc;
margin:20px 0;
padding-top:10px;
}
.ul-Profile li {
margin-bottom:5px;
padding-left:1em;
text-indent:-1em;
}

.profTB {}
.profTB th,
.profTB td {
padding:6px;
font-weight:normal;
text-align:left;
}
.profTB th {white-space:nowrap;}

/*======================================

	2-7.CONTACT Setting

=======================================*/
/* Hack */
#ContactForm dl:before,
#ContactForm dl:after {
content:"";
display:table;
}
#ContactForm dl:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#ContactForm dl {zoom:1;}
/*===========*/

.inqu {color:#c00;}

#ContactForm dl {margin-top:20px;}
#ContactForm dt,
#ContactForm dd {

}
#ContactForm dt {
float:left;
clear:right;
width:160px;
}
#ContactForm dd {
float:right;
width:500px;
margin-bottom:20px;
}
#ContactForm dd .formType01 {
width:250px;
margin-top:-4px;
padding:5px 0;
}
#ContactForm dd .formType02 {
width:480px;
margin-top:-4px;
padding:5px 0;
}
#ContactForm #BtnSubmit {
text-align:center;
}


/*======================================

	2-8.PRIVACY Setting

=======================================*/
#PrivacyBody h3 {
margin:40px 0 10px;
color:#000;
font-size:123.1%;
}
#PrivacyBody h4 {
margin:20px 0 10px;
color:#000;
font-size:108%;
}

/*======================================

	2-9.DEAL Setting

=======================================*/

#dealTB {width:660px;}
#dealTB th,
#dealTB td {
border:1px solid #999;
padding:10px;
text-align:left;
font-weight:normal;
}
#dealTB th {
width:20%;
background-color:#ededed;
}

/*img.aligncenter {margin:0 atuo;}
img.alignleft {float:left;}
img.alignright {float:right;}


img.aligncenter,
img.alignleft,
img.alignright {display:block;}

img.aligncenter:after,
img.alignleft:after,
img.alignright:after, {clear:both;}
*/