//* +++++++++++++++++++++ スタイルシート設定　・+++++++++++++++++++++ */

a, a:link, a:visited, a:active {
color: #990099;
cursor:pointer;
text-decoration:none;
}

a:hover {
color: #FF00FF ;
cursor:pointer;
text-decoration:underline;
}

img {
	margin: 0;
	padding:0;
        border-width: 0;
}

h2 {
        margin: 0;
        padding: 0;
}

#header h1 {
        margin: 4px 0 0 8px;
        padding: 0;
        color: #999;
        font-size: 12px;
        font-weight: normal;
        line-height: 150%;
}

#container h2	{
        color: #000066;
	margin: 16px 12px 8px 6px;
	padding: 8px 12px 8px 36px;
	font-size: 1.1em;
	background-image: url('http://www.cmssol.jp/_img/icon_h3.gif');
	background-position: 4px 8px;
	background-repeat: no-repeat;
	}

#container h3	{
	margin: 12px 6px 6px 12px;
	padding: 2px 8px 4px 28px;
        text-align: left;
        color: #333333;
        border-bottom: 1px dotted #cccccc;
	font-size: 1.0em;
	line-height: 22px;

	background-image: url('http://www.cmssol.jp/_img/icon_h4.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

#container h4	{
	margin: 14px 6px 0px 12px;
	padding: 2px 8px 4px 28px;
        text-align: left;
        color: #333333;
	font-size: 1.0em;
	line-height: 20px;
	}


.clear {
                clear: both;
}

/* ++++++　全体のレイアウト　 ++++++ */

body {
background-color:#FFFFFF;
color:#4F4F4F;
font-family:"ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
font-size: 95%;
line-height:1.5em;
margin:0;
padding:0;
text-align: center;
}

#header	{
    width: 1000px;
    height:72px;
    margin: 0 auto;
    padding:0;
    text-align: left;

background-repeat: no-repeat;
background-position: top right;

/* background-image: url('http://www.cmssol.jp/_img/tel_top.jpg');*/
}

#container {
	width: 1000px;
	background-color: #ffffff;
        margin: 0 auto;
        padding-top: 10px;
	text-align: left;
	}

#main {
	width: 690px;
        float: left; 
}

#right {
background-color:#FFFFFF;
float:right;
margin-top:12px;
width:300px;
}

#container img {
border-width:0;
margin:0;
padding:0;
}

#footer {
clear:both;
}

#container a:link, a:visited, a:active {
color:#990099;
cursor:pointer;
text-decoration:none;
}

#container a:hover {
color:#FF00FF;
cursor:pointer;
text-decoration:underline;
}

#header #title {
border-width:0;
height:50px;
margin:0;
width:500px;
float:left;
}


#navbar {
background-color:transparent;
height:31px;
margin:2px 0 0 0;
padding:0;
width:100%;

	background-image: url('http://www.cmssol.jp/_img/bg_nav2.gif');
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

#navbar_inner {
background-color:transparent;
height:30px;
margin: 0 auto;
padding:0;
width:1000px;

	background-image: url('http://www.cmssol.jp/_img/bg_nav2.gif');
	background-position: 0px 0px;
	background-repeat: repeat-x;
}


#navbar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0;
padding:0;
}

#navbar ul li {
display:block;
float:right;
line-height:32px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#navbar ul a {
display:block;
height:31px;
overflow:hidden;
text-indent:-9999px;
width:98px;
}

#navbar a.bttn0 {
background-image:url(http://www.cmssol.jp/_img/nav_basics.jpg);
margin:0;
padding:0;
}

#navbar a.bttn0:hover {
background-position:0 -32px;
margin:0;
padding:0;
}

#navbar a.bttn1 {
background-image:url(http://www.cmssol.jp/_img/nav_seminar.jpg);
margin:0;
padding:0;
}

#navbar a.bttn1:hover {
background-position:0 -32px;
margin:0;
padding:0;
}

#navbar a.bttn2 {
background-image:url(http://www.cmssol.jp/_img/nav_build.jpg);
}

#navbar a.bttn2:hover {
background-position:0 -32px;
margin:0;
padding:0;
}

#navbar a.bttn3 {
background-image:url(http://www.cmssol.jp/_img/nav_cost.jpg);
}

#navbar a.bttn3:hover {
background-position:0 -32px;
margin:0;
padding:0;
}

#navbar a.bttn5 {
background-image:url(http://www.cmssol.jp/_img/nav_company.jpg);
}

#navbar a.bttn5:hover {
background-position:0 -32px;
margin:0;
padding:0;
}

#navbar a.bttn4 {
background-image:url(http://www.cmssol.jp/_img/nav_blog.jpg);
}

#navbar a.bttn4:hover {
background-position:0 -32px;
margin:0;
padding:0;
}
#navbar a.bttn6 {
background-image:url(http://www.cmssol.jp/_img/nav_contact.jpg);
}
#navbar a.bttn6:hover {
background-position:0 -32px;
margin:0;
padding:0;
}

#pnkz {
background-color:#c0c0c0;
height:28px;
margin:0;
padding:0;
width:100%;

	background-image: url('http://www.cmssol.jp/_img/bg_banner_uo.gif');
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

#pnkz_inner {
height:28px;
line-height:28px;
margin: 0 auto;
padding: 2px 0 0 0;
text-align:left;
text-indent:12px;
font-size:0.8em;
width:1000px;

	background-image: url('http://www.cmssol.jp/_img/bg_banner_ui.gif');
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

#pnkz a {
color:#333333;
text-decoration:none;
}

#right .box_works_top {
margin:10px 20px 0 4px;
padding:0;
width:100%;
}

#right .box_works_top h3 {
font-size: 0.8em;
font-weight: normal;
border-bottom: none;
}

#right h4 {
margin: 0 0 0 0;
font-size: 0.8em;
color: #000033;
font-weight: strong;
}

#right p {
margin: 0 0 0 28px;
padding: 0;
font-size: 0.8em;
font-weight: normal;
}

#main .block_cols {
margin:0;
padding:0;
width:100%;
}

#main .block_cols2 {
margin: 0 0 0 140px;
padding:0;
width:100%;
}

#main .block_cols p {
margin-left: 40px;
}

#area_bttn_top .bttn_top {
display:block;
float:left;
height:104px;
width:224px;
}


#banner {
background-image:url(http://www.cmssol.jp/_img/bg_banner_cmssol2.jpg);
background-position:0 0;
background-repeat:repeat-x;
height:160px;
margin:0;
padding:0;
text-align:center;
width:100%;
}
#banner_pages {
background-image:url(http://www.cmssol.jp/_img/bg_banner_pages2.jpg);
background-position:0 0;
background-repeat:repeat-x;
height:120px;
margin:0;
padding:0;
text-align:center;
width:100%;
}
.sidemenu {
color:#333333;
line-height:120%;
margin-bottom:20px;
padding:0;
}
.sidemenu p {
font-size:12px;
padding-bottom:2px;
padding-top:2px;
}
#right .sidemenu a {
color:#0066CC;
}
.sidemenu ul {
font-size:12px;
list-style-type:none;
margin-left:2px;
margin-top:5px;
padding-left:4px;
}
#left .sidemenu li {
border-bottom:1px dotted #999999;
padding-bottom:4px;
padding-left:0;
padding-top:5px;
width:100%;
}
#right .sidemenu li {
padding-bottom:2px;
padding-left:0;
padding-top:3px;
}
#right2 {
float:right;
margin:1.5em 0 3em;
padding:14px;
width:358px;
}
#right2 ul, #right2 ol, #right2 dd {
margin-left:0.75em;
}
#right2 #primary-sidebar, #right2 #secondary-sidebar {
float:left;
width:173px;
}
#right2 #primary-sidebar {
margin-right:12px;
}
.entry p.posted {
border-top:2px solid #B1CBE3;
color:#AAAAAA;
font-size:10px;
padding-top:6px;
}
.entry p.entry-more-link {
text-align:right;
}
#main p {
margin:12px 12px 12px 40px;
padding:0;
}
#main p.imgcenter {
text-align:center;
}
#main p.txr, #right p.txr {
font-weight:normal;
margin-right:20px;
margin-top:20px;
text-align:right;
}
#main p.txr_n {
font-weight:normal;
margin-right:20px;
text-align:right;
}
#main ul {
margin-bottom:0;
margin-left:20px;
margin-top:0;
}
#main ul li {
margin:0 12px 0 24px;
padding-left:6px;
}
#main blockquote {
background-color:#F7F7F7;
border:1px solid #CCCCCC;
font-size:0.85em;
margin:8px 8px 8px 36px;
padding:0;
}
.clear {
clear:both;
}
.aligncenter, div.aligncenter {
display:block;
margin:0 auto;
}
.aligncenter {
margin-bottom:20px !important;
}
.alignleft {
float:left;
margin:0 20px 20px 0;
}
.alignright {
float:right;
margin:0 0 20px 20px;
}
.wp-caption {
background-color:#F7F7F7;
border:1px solid #CCCCCC;
margin-bottom:20px;
margin-left:36px;
padding-top:4px;
text-align:center;
}
.wp-caption img {
border:medium none;
float:none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
margin:0;
padding:0;
}

#main span.label_g {
font-size: 1.0em;
padding: 2px 8px;
color:#ffffff;
background-color: #555555; 
}

#main table.pattern0 {
border-collapse:collapse;
border-width:0;
color:#333333;
line-height:130%;
margin-left:48px;
margin-right:8px;
margin-top:4px;
margin-bottom:4px;
}

#main th.pattern0 {
background-color:#FFFFFF;
color:#333333;
font-size:1em;
line-height:140%;
padding:4px 8px;
text-align:right;
vertical-align:middle;
}

#main td.pattern0 {
background-color:#FFFFFF;
color:#333333;
font-size:1em;
line-height:140%;
padding:4px 8px 4px 4px;
vertical-align:top;
}

#main td.pattern0 ul {
margin-left: 0px;
padding:4px 0px;
}



#main td.pattern0c {
color:#333333;
font-size:1em;
line-height:140%;
padding:4px 10px;
text-align:center;
vertical-align:middle;
}

#main table.pattern1 {
border-left:1px solid #999999;
border-top:1px solid #999999;
color:#333333;
line-height:140%;
margin-left:48px;
margin-right:8px;
margin-top:8px;
}

#main th.pattern1 {
background-color:#CCCCCC;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
color:#333333;
font-size:1em;
padding:4px 10px;
text-align:left;
vertical-align:middle;
}

#main th.pattern1s {
background-color:#CCCCCC;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
color:#333333;
font-size:0.8em;
padding:4px 10px;
text-align:center;
vertical-align:middle;
}


#main th.pattern1c {
background-color:#CCCCCC;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
color:#333333;
font-size:1em;
line-height:140%;
padding:4px 10px;
text-align:center;
vertical-align:middle;
}

#main td.pattern1 {
border-bottom:1px solid #999999;
border-right:1px solid #999999;
color:#333333;
font-size:1em;
line-height:140%;
padding:4px 10px;
text-align:left;
vertical-align:middle;
}

#main td.pattern1c {
border-bottom:1px solid #999999;
border-right:1px solid #999999;
color:#333333;
font-size:1em;
line-height:140%;
padding:4px 10px;
text-align:center;
vertical-align:middle;
}

#right #sidemenu {
color:#333333;
font-size:1.1em;
font-weight:bold;
list-style-type:none;
margin-left:8px;
margin-top:24px;
}

#right h3.murasaki {
background-image:url(http://www.cmssol.jp/_img/icon_li_mp.gif);
background-position:0 0;
background-repeat:no-repeat;
line-height:24px;
margin:8px 0;
padding-left:32px;
}

#right h3.gray {
background-image:url(http://www.cmssol.jp/_img/icon_li_mg.gif);
background-position:0 0;
background-repeat:no-repeat;
line-height:24px;
margin:8px 0;
padding-left:32px;
}

#right h3 a {
text-decoration:none;
}









#footer a, a:link, a:visited, a:active {
color: #990099;
cursor:pointer;
text-decoration:none;
}

#footer a:hover {
color: #FF00FF ;
cursor:pointer;
text-decoration:underline;
}


#footer_outter {
background-image:url(http://www.cmssol.jp/_img/bg_footer1.jpg);
background-position:0 0;
background-repeat:repeat-x;
margin:20px 0 0;
padding:0;
width:100%;

font-size:0.8em;
font-style:normal;
letter-spacing:1px;
}


#footer_inner {
width:1000px;
margin:0 auto;
padding:0;
text-align:left;

font-size:1.0em;
letter-spacing:1px;
}



#footer_inner .footer_inner_block{
display:block;
float:left;
width:240px;
height:232px;
margin:24px 0 24px 0px;
padding:0;
}

#footer_inner .footer_inner_block h3 {
margin: 0 12px;
padding:4px 0;
}

#footer_inner .footer_inner_block ul {
margin-top: 4px;
}
