/*   
Theme Name: officetom
Theme URI: http://02www.com/
Description: yokomichi
Author: yokomichi
Author URI: http://02www.com/

*/





/*    --------- 
      基本設定
	  --------     */

body,div,
dl,dt,dd,ul,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,select,p,strong {
    margin:0;
    padding:0;
    font:normal normal normal 100%/1.3 "ＭＳ Ｐゴシック","Osaka",sans-serif;
    border:none;
	text-decoration:none;
}

body {
background-color:#ffffff;
background-image:url(img/back.jpg);
background-position:top center;
background-repeat:repeat-y;

text-align:center;
}


#container{
    background-color: #ffffff;
    background-image: none;
    background-repeat: no-repeat;
    margin: 0px auto;
    padding: 0px;
    height: auto;
    width: 979px;

	text-align:justify;

}



a{
text-decoration:none;
outline:none;

}

img{
border:0;
display:block;
}

ul{

list-style-type:none;

}








/*    --------- 基本設定  --------     */


 /*    --------- 
      float clear
	  --------     */
	  
.clearfix:after {
  content: url(img/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}


.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*    --------- float clear --------     */

 /*    --------- 
       spacer , widget
	  --------     */

.spacer{
	  
    background-color:#ffffff;
	margin:0px;
    padding: 0px;
    height: 18px;
    width: auto;
}  
	  
.widget{
	  
    background-color:#ffffff;
	margin:0px 0px 11px;
    padding: 0px;
}

.widget22{
	  
    background-color:#ffffff;
	margin:0px 0px 22px;
    padding: 0px;
}


.widget0{
	  
    background-color:#ffffff;
	margin:0px;
    padding: 0px;
}

.widgetBr3m0{
	  
    background-color:#ffffff;
	margin:0px;
	border:1px #cccccc solid;
}

.widgetBr3{
	  
    background-color:#ffffff;
	margin:0px 0px 11px;
    border:1px #cccccc solid;
} 

.widgetBr3Pd11{
	  
    background-color:#ffffff;
	margin:0px 0px 11px;
    border:1px #cccccc solid;
	padding:11px;
} 
.widgetBr3Pd11m0{
	  
    background-color:#ffffff;
	margin:0px;
    border:1px #cccccc solid;
	padding:11px;
} 

.widgetPad11{
	padding:11px;
}
	  
.widgetBorBt2{
border-bottom:2px #999999 solid;
padding-bottom: 11px;
margin:0px 0px 11px;
}  
/*    --------- spacer --------     */


 /*    --------- 
       header
	  --------     */
	  
	  
#top{
	
	background:#999999 url(img/bar0.jpg) top left repeat-x;
    margin: 0px auto;
    padding: 0px;
    width: 979px;

	text-align:justify;

}


h1{
display:block;
background:#999999 url(img/bar0.jpg) 0px 0px repeat-x;
    margin: 0px auto;
    padding: 3px 0px;
    width: 979px;
color:#ffffff;

font-size:13px;
line-height:13px;
text-indent:22px;
font-weight:800;
text-align:left;
}
ul#liheader{
display:block;

width:713px;
color:#333333;
text-align:right;

margin-bottom:44px;
}
ul#liheader li{
display:inline;


color:#333333;

}



ul#liheader li a{

background-image:url(img/icon/icon.gif);
background-position:3px 3px;
background-repeat:no-repeat;

padding-left:11px;
color:#333333;
font-size:13px;
font-weight:300;
}	  
	  
	  
	  
	  
	  
	  
	  
#header{
background-image:url(img/logo.jpg);
background-repeat:no-repeat;
background-position:top left;

width:979px;

margin:0px 0px 22px;

}
#headerInner{
padding:0px 0px 0px 244px;
border-bottom:3px #666666 solid;
border-top:1px #666666 solid;

}

#headerInner ul{
display:block;
}
#headerInner li{
display:inline;
}
#headerInner li a{
padding-left:22px;

font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
color:#333333;
font-weight:800;
}

#headerInner li a:hover{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
color:#666666;
}
	    
 /*    ---------        header    --------     */
 
  /*    --------- 
       body
	  --------     */
	  
#contents{
background-color:#ffffff;

width:979px;

padding:0px;
margin:0px;
margin-bottom:22px;
}	  

#main{
float:left;
background-color:#FFFFFF;
width:726px;
}



#alpha{
float:left;
background-color:#FFFFFF;

width:242px;

padding:0px;
margin:0px;

}

#alphaInner{

padding:0px 11px 0px 22px;
}

#alphaInner h2{
display:block;
padding:0;
margin:0;
}

#alphaInner li{
display:block;
background-image:url(img/icon/alphaMenu.gif);
background-position:0px 0px;
background-repeat:no-repeat;

width:209px;

margin:0px;
}

#alphaInner li.end{

margin-bottom:0px;
}


#alphaInner li a{
display:block;

width:209px;
padding:13px 0px;
text-indent:36px;

color:#333333;
font-weight:800;
font-size:13px;
}
#alphaInner li a:hover{
background-image:url(img/icon/alphaMenu.gif);
background-position:0px -42px;
background-repeat:no-repeat;

color:#666666;
}



#beta{
float:left;
background-color:#FFFFFF;
width:484px;

padding:0px;
margin:0px;
}
#betaInner{

padding:0px;
}

#betaInner h2{
display:block;
background:url(img/bar3.jpg) top left no-repeat;

width:100%;
padding:7px 0px 6px;

text-indent:62px;
font-weight:bolder;
font-size:13px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333333;
}

#betaInner h2.type1{

background:url(img/bar4.jpg) top left no-repeat;

}


#betaInner li{
display:block;
width:100%;
background-color:#ffffff;
background-image:url(img/icon/icon2.gif);
background-position:11px 8px;
background-repeat:no-repeat;
border-bottom:1px #cccccc solid;

}

#betaInner li.end{
border-bottom:0;
}

#betaInner li a{
display:block;
width:100%;
padding:5px 0px;
text-indent:33px;
font-size:13px;
color:#333333;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#betaInner li.type1{
background-color:#eeeeee;
}



#betaInner li a:hover{
background-color:#dddddd;
}




#gamma{
clear:both;
background-color:#FFFFFF;
width:726px;
margin:0;
padding:0;
}
#gammaInner{
padding:11px 0px 0px 22px;
}

#gammaInner ul{
padding:0px;
margin:0px;

font-size:13px;
}

#gammaInner li.type1{
float:left;
display:block;

width:176px;
background-color:#999999;
background-image:none;
}

#gammaInner li.type1 a{
display:block;
background-image:url(img/gamma/kj.jpg);
background-position:top;
background-repeat:no-repeat;
width:176px;
height:121px;
padding:0px;
margin:0px;
}

#gammaInner li.type1 a.type1{
background-image:url(img/gamma/main.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}


#gammaInner li.type1 a:hover.type1{
background-image:url(img/gamma/main.jpg);
background-position:-176px 0px;
background-repeat:no-repeat;
}


#gammaInner li.type1 a.type2{
background-image:url(img/gamma/main.jpg);
background-position:0px -121px;
background-repeat:no-repeat;
}


#gammaInner li.type1 a:hover.type2{
background-image:url(img/gamma/main.jpg);
background-position:-176px -121px;
background-repeat:no-repeat;
}

#gammaInner li.type1 a.type3{
background-image:url(img/gamma/main.jpg);
background-position:0px -242px;
background-repeat:no-repeat;
}


#gammaInner li.type1 a:hover.type3{
background-image:url(img/gamma/main.jpg);
background-position:-176px -242px;
background-repeat:no-repeat;
}

#gammaInner li.type1 a.type4{
background-image:url(img/gamma/main.jpg);
background-position:0px -363px;
background-repeat:no-repeat;
}


#gammaInner li.type1 a:hover.type4{
background-image:url(img/gamma/main.jpg);
background-position:-176px -363px;
background-repeat:no-repeat;
}



#gammaInner li.type1 a span{
display:none;

}

#gammaInner li{
float:left;
display:block;
width:339px;
background-color:#ffffff;
background-image:url(img/icon/icon.gif);
background-position:11px 10px;
background-repeat:no-repeat;
}

#gammaInner li a{
display:block;
width:339px;
padding:5px 0px;
text-indent:22px;

color:#666666;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:800;
}
#gammaInner li a:hover{
background-color:#dddddd;
color:#333333;
font-weight:800;
}


#gammaInner h2{
display:block;
width:100%;

background:url(img/gamma/barMain.jpg) top left no-repeat;

padding:17px 0px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:bolder;
font-size:16px;
color:#FF6600;

text-indent:143px;
}
#gammaInner h2.type1{
background:url(img/gamma/barMain.jpg) 0px 0px no-repeat;
}
#gammaInner h2.type2{
background:url(img/gamma/barMain.jpg) 0px -55px no-repeat;
}


#gammaInner h2 span{
color:#999999;
}
#gammaInner h2 span.type1{
font-size:13px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-weight:300;
color:#333333;

}

#gammaInner p{
display:block;
width:100%;

font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
font-weight:800;
color:#FF6600;
text-indent:22px;
padding:11px 0px 0px;
}


#side{
float:left;
background-color:#FFFFFF;
width:253px;

padding:0px;
margin:0px;
}

#sideInner{

padding:0px 22px 0px 11px;
}

#sideInner a.type1{
display:block;
widows:218px;
padding:1px 0px;
margin:0px;
background-color:#dddddd;

text-align:right;
font-size:13px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:800;
line-height:13px;

color:#3399FF;
}


#sideInner h2{
display:block;
background:url(img/bar2.jpg) top left no-repeat;

width:220px;
padding:10px 0px 10px;
text-indent:11px;
font-weight:800;
font-size:13px;
color:#666666;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#sideInner h2.type1{
background:url(img/side/barMain.jpg) 0px 0px no-repeat;
}

#sideInner h2.type2{
background:url(img/side/barMain.jpg) 0px -38px no-repeat;
}

#sideInner h2.type3{
background:url(img/side/barMain.jpg) 0px -76px no-repeat;
}

#sideInner h2.type4{
background:url(img/side/barMain.jpg) 0px -114px no-repeat;
}


#sideInner li{
display:block;

width:100%;
background-image:url(img/icon/icon.gif);
background-position:11px 10px;
background-repeat:no-repeat;

border-bottom:1px #CCCCCC dashed;
font-size:13px;

}
#sideInner li.end{
border-bottom:none;
}



#sideInner li a{
display:block;

width:100%;
padding:5px 0px;
text-indent:22px;

color:#333333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
text-align:left;
}
#sideInner li a:hover{
background-color:#dddddd;
}


#sideInner p{
padding:5px 11px 5px;
color:#333333;
line-height:18px;
font-size:13px;
}
#sideInner form{
padding:5px 11px 5px;
color:#333333;
line-height:18px;
font-size:16px;
}


  /*    ---------        body	  --------     */
  
  
  
    /*    --------- 
       footer
	  --------     */


#footer{
clear:both;
margin:0px;
width:979px;
background-color:#eeeeee;


}

#footerInner{
border-top:5px #666666 solid;
padding:11px;


}

#footerInner .box{
display:block;
float:left;
width:319px;
}

#footerInner h3{

color:#666666;
width:319px;

display:block;


padding:10px 0px 10px;
text-indent:11px;
border-bottom:1px #666666 solid;

text-align:left;

font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:800;

font-size:13px;
}

#footerInner ul{

color:#999999;

width:319px;
display:block;


padding:0px;

}

#footerInner li{

color:#666666;

width:319px;
display:block;
font-size:13px;


}
#footerInner li a{
display:block;
color:#999999;
padding:11px 11px 0px;
font-weight:800;
}
#footerInner li a img{
display:inline;
margin-right:11px;
}


#footerInner p{
display:block;

padding:5px 11px 5px;

color:#666666;
line-height:22px;
font-size:13px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
color:#666666;
}

#footerInnerB{
display:block;
background-color:#333333;
height:18px;
padding:11px 11px 0px;
text-align:center;
}

#footerInnerB p{
display:inline;
font-size:12px;
color:#FFFFFF;
font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";

}



  /*    ---------        footer	  --------     */	  












#header{

margin:0px;

}

#pan{
display:block;
width:979px;

}
#pan p{
display:block;
padding:5px 22px 4px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
line-height:13px;

}

#alphaInner{

padding:0px 11px 11px 22px;
}



#alphaInner li ul li{
display:block;
background:#FFFFFF url(img/icon/icon.gif) 13px 8px no-repeat;
color:#FFFFFF;

width:207px;

margin:0px;

border-bottom:1px #CCCCCC dashed;
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
}

#alphaInner li ul li a{
display:block;
width:100%;
padding:5px 0px;
text-indent:26px;
font-size:13px;
color:#6633FF;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-weight:300;
}

#alphaInner li ul li a:hover{
background-image:none;
color:#6666FF;
}


#betaInner h2{

padding:6px 0px 6px;


}

#betaInner p{
display:block;

width:100%;

font-size:13px;
color:#333333;

}

#betaInner p.type1{
display:block;

width:100%;

font-size:13px;
color:#333333;

line-height:13px;
margin-bottom:11px;

}


#betaInner dl{
display:block;

width:100%;

font-size:13px;
color:#333333;

font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}
#betaInner dt{
clear:both;
display:block;
float:left;

width:230px;

font-size:13px;
color:#333333;
font-weight:800;

padding:13px 0px;
border-bottom:1px #999999 dashed;

}
#betaInner dd{
display:block;
float:left;

width:230px;

font-size:13px;
color:#333333;

padding:13px 0px;
border-bottom:1px #999999 dashed;
}