@charset "UTF-8";

/*よく使う要素のリセット*/
body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}


/*リストスタイルのリセット*/
ul, ol{
list-style-type: none;
}


/*画像のボーダーリセット、画像の下にできる隙間をなくす*/
img{
border:0px;
vertical-align:bottom;
}


/*ボーダーの重なり、セルとボーダーの間隔をリセット*/
table{
border-collapse:collapse;
border-spacing:0px;
}

/*クリア*/
.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix{
display:inline-block;
}

/* exlude MacIE ＼*/
* html .clearfix{
height:1%
}

.clearfix{
display:block;
}
/* end MacIE */


/*リンクの設定*/
a{
color:#000000;
text-decoration: none;
}

a:active{
color:#999999;
}

a:visited{
color:#000000;
}

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

/*他の基本設定（リンクなど）は、下記に記述する*/
body{
color:#000000;
line-height:1.5;
font-size:80%;
background-image:url(../image/back.jpg);
}

#container{
margin-left:auto;
margin-right:auto;
width:945px;
background-color:#FFFFFF;
border-bottom:#CCCCCC solid 1px;
}

.tb20{
margin-top:20px;
font-size:83%;
}

.mb10{
margin:0px 0px 10px 0px;
}

.mt10{
margin:10px 0px 0px 0px;
}

.txt-red{
color:##F22C14:
}


/*footer
---------------------------------*/
#footer{
width:945px;
/*border-top:1px solid #000000;*/
text-align:center;
font-size:85%;
padding-bottom:20px;
}

#footer ul{
margin-top:25px;
}

#footer li{
display:inline;
}


/*cassete2
---------------------------------*/
.cassete2{
width:703px;
clear:both;
}

.cassete2 h2{
border-bottom:1px solid #000000;
text-align:left;
padding:5px 0px;
}

.cassete2 .sidem {
margin: 0 20px;
}

.cassete2 .sidem h3{
font-size:120%;
color:#cc9966;
font-weight:normal;
margin:15px 20px 5px 0px;
}

.cassete2 .sidem .photoLeft{
float:left;
/*padding:20px 0px 0px 20px;*/
padding:20px 0px 0px 0px;
width:250px;
}

.cassete2 .sidem .floatText{
float:right;
/*margin:0px 20px 0px 30px;*/
margin:0px;
width:380px;
}

.cassete2 .sidem .simpleText{
/*margin:0px 20px 0px 20px;*/
margin:0px 0px 0px 20px;
}

.cassete2 .biginner {
/*margin: 35px 20px 10px 20px;
background: url(../header/image/biginner_back.gif) repeat-y;*/
}

.cassete2 .biginner .biginner-left {
float: left;
width: 311px
}

.cassete2 .biginner .biginner-right {
float: right;
width: 311px;
}

/*biginner
---------------------------------*/

.cassete2 .biginner{
padding:20px 20px 0px 20px;
text-align:left;
}

.biginner ul {
margin:25px 0 0;
}

.biginner ul li {
padding:20px 27px 51px;
background:#EAEAEA url(../takumi/image/flow_arrow.gif) no-repeat left bottom;
}

.biginner ul li span {
display:block;
float:left;
}

/*.biginner ul li span img {
margin:0 0 21px;
}*/

.biginner .link a {
padding-top:10px;
display:block;
width:165px;
float:left;
}

.biginner ul li#flowFin {
padding:20px 27px;
background: #EAEAEA none no-repeat left bottom;
margin:0 0 20px;
}

#main .cassete2 .biginner table {
margin-left:25px;
margin-top:1px;
width:350px;
}

#main .cassete2 .biginner table td {
background-color:#FFFFFF;
vertical-align:middle;
}

.border-waku {
border:1px solid #000000;
padding:8px;
}

#main .cassete2 .biginner .clearfix .border-waku span {
color: #F22C14;
}

#main .cassete2 .biginner .clearfix .border-waku span {
display: inline;
float:none;
}



#main .cassete2 .biginner .taisyou {
	padding: 20px 20px 10px;
	border: solid 1px #000000;
}