/* CSS Document */
html{color:#B29276;background: #000033;height: 100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* clear */
.clear{zoom: 1;}.clear:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

/* */
body {
    height: 100%;
}

/* INDEX */
#index {
    background-color: #2c0056;
    height: 100%;
}
#index_inner {
    margin: 0 auto;
    width: 920px;
    background-color: #000033;
    height: 100%;
}

/* UNSER */
#wrapper {
    height: 100%;
}
#wrapper_inner {
    margin: 0 auto;
    background-color: #2c0056;
}
#main {
    margin: 0 auto;
    padding: 12px 0 0 0;
	width: 879px;
	height: 410px;
}

#main_inner {
    background: url(../img/BG_contents_all.jpg) no-repeat;
	padding: 19px 18px 22px 16px;
}

mainTxt {
    margin: 0 0 15px 0;
    line-height: 1.4;
}

a {
    color: #663399;
    text-decoration:none;
} 

p {
    font-size:90%;
}

/* */

#contents {
    line-height: 1.5;
	padding: 35px 0 0 0;
}

/* */

#left h1 {
    padding: 0 0 15px 0;
}

h2 {
    font-weight:bold;
    padding: 0 0 5px 0;
}

.toto {
    font-weight:bold;
    padding: 10px 0 10px 0;
}


/* */

ul.btn {
    text-align: center;
	padding: 18px 0 0 0;
}

ul.btn li {
    padding: 0 30px 0;
	display: inline;
	clear: both;
}

ul.btn input {
    width: 90px;
}

/* */

#contact_inner {
    background: url(../img/BG_contact.jpg) no-repeat;
	padding: 19px 18px 22px 16px;
}

.contact {
    background: url(../img/IMG_li_contact.jpg) no-repeat left top;
}

.contact #contents_inner {
    padding: 0 15px 0 10px;
    background: url(../img/IMG_li_contact.jpg) no-repeat left bottom;
	height: 330px;
}

.contact #left {
    float: left;
	width: 355px;
}

.contact #right {
    float: right;
    width: 444px;
}

.contact .tbl_box {
    background: url(../img/BG_contact_t.jpg) no-repeat left top;
	height: 294px;
}

.contact .tbl_box table {
    width: 100%;
}
.contact .tbl_box th,
.contact .tbl_box td {
    line-height: 2.5;
}
.contact .tbl_box th {
    width: 30%;
    padding: 0 0 0 0;
    vertical-align: top;
}

.contact .tbl_box td {
    width: 70%;
}
.contact .tbl_box td span {
    font-size: 10px;
}

.contact .tbl_box_pa {
    padding: 10px 0 0 15px;
}

.contact .tbl_box_name {
    margin: 0 6px 0 6px;
	width: 105px;
	border: 1px solid #A07A58;
}

.contact .tbl_box_mail {
    margin: 0 6px 0 0;
    width: 199px;
	border: 1px solid #A07A58;
}

.contact .tbl_box_text {
	border: 1px solid #A07A58;
	width:258px;
    height: 100px;
}

.contact select {
	border: 1px solid #A07A58;
}

/* */

#works_inner {
    background: url(../img/BG_works.jpg) no-repeat;
	padding: 19px 18px 22px 16px;
}

.works #contents_inner {
    padding: 0 28px 0 10px;
    background: url(../img/IMG_li_works.jpg) no-repeat left bottom;
	height: 330px;
	position:relative;
}

.works {
    background: url(../img/IMG_li_works.jpg) no-repeat left top;
}

.works p {
    line-height: 1.4;
}

.works_menu {
    position: absolute;
	top:3px;
	left:125px;
}
.works_menu p a.on {
    text-decoration: underline;
}

.works p.book {
}	

.works span {
    color:#8C65B0;
    clear:both;
}


.works #left {
    float: left;
	width: 395px;
}
.works #left.pot {
    background: url(../img/IMG_pot.gif) no-repeat right bottom;
    height: 290px;
}

.works #right {
    float: right;
    width: 385px;
	padding: 35px 0 0 0;
}
.works #right.camel {
    background: url(../img/IMG_camel.gif) no-repeat left bottom;
    height: 250px;
}

#contents_inner .next_right {
    position: absolute;
    right: 20px;
    bottom: 40px;
}
#contents_inner .next_right a {
    padding: 0 10px;
}

/* */

.profile #contents_inner {
    padding: 0 6px 0 10px;
    background: url(../img/IMG_li_pro.jpg) no-repeat left bottom;
	height: 330px;
	position:relative;
}

.profile {
    background: url(../img/IMG_li_pro.jpg) no-repeat left top;
}

.profile #left {
    float: left;
	width: 400px;
	padding: 0 15px 0 0;
}

.profile #right {
    float: right;
    width: 380px;
	margin:15px 0 0 0;
}
.profile p {
    line-height: 1.5;
}

.profile #right .next_right {
    float:right;
	padding:20px 0 0 0;
}

.profile #right_pro02 {
    background: url(../img/IMG_pro_right.gif) no-repeat right bottom;
    float: right;
    width: 385px;
    height: 265px;
	margin:35px 0 0 0;
}

/* */

ul.next_right li.left {
     float:left;
}
ul.next_right li.right {
     float:right;
}

/* FLASH */
#flash {
}